如何正确地从表单中获取数据并发送 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"));提交功能中应该有一行。