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

Question

我的任務是從表單（三個數字：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 class 中的 get() 方法獲取它。 我怎樣才能得到它們以及如何正確地進行 GET 請求？

Answer 1

一行var formData = new FormData(document.getElementById("coordinates-form")); 應該已經在提交 function。