亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何正確地從表單中獲取數據并發送 GET 請求?

如何正確地從表單中獲取數據并發送 GET 請求?

波斯汪 2022-11-27 16:34:31
我的任務是從表單中獲取數據(三個數字:x、y、r)并通過 GET 請求發送它們。我知道它應該通過 url 來完成,但我不明白如何做對。這是我不工作的代碼:    var formData = new FormData(document.getElementById("coordinates-form"));    const sendButt = document.getElementById("submit-button");    const submit = function (e) {        e.preventDefault();        fetch("php/get_data.php?x=" + formData.get("x") + "&y=" + formData.get("y")         + "&r=" + formData.get("r")).then(response => response.text())            .then(response => document.getElementById('result-table').innerHTML = response);    };    sendButt.addEventListener('click', submit);這是我在 html 文件中的表單:<form id="coordinates-form">                <div class="X-radios">                    <h4>X:</h4>                    <label class="x-element-label">-3                        <input class="x_radio" type="radio" name="x" value="-3">                    </label>                    // few more radios                </div>                <label class="Y-element-label"> Y:                    <input id="y-text" class="y-text-input" type="text" name="y" placeholder="y value" required/>                </label>                <span id="value-validate-text"></span>                <div class="R-checkboxes" id="R">                    <h4>R:</h4>                    <label class="r-element-label">1                        <input class="r-checkbox" type="checkbox" name="r" value="1" checked>                    </label>//few more checkboxes                </div>                <button id="submit-button" type="submit">Отправить</button>                <button id="clear-button" type="reset">Очистить</button>            </form>我的地址欄中有參數(類似于 .../index.html?x=1&y=1&r=1),但我無法通過 FormData 類中的 get() 方法獲取它。我怎樣才能得到它們以及如何正確地執行 GET 請求?
查看完整描述

1 回答

?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

var formData = new FormData(document.getElementById("coordinates-form"));提交功能中應該有一行。



查看完整回答
反對 回復 2022-11-27
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號