如何正确地从表单中获取数据并发送GET-request？

Question

我有一个任务是从表单(三个数字: x，y，r)中获取数据并通过GET-request发送它们。我知道这应该通过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-request？

Answer 1

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