如何正确地从表单中获取数据并发送 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 类中的 get() 方法获取它。我怎样才能得到它们以及如何正确地执行 GET 请求？

Answer 1

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