javascript - 我是编码新手：做一个发布请求：没有错误：但数据没有发送到我的 API

Question

我的 HTML 表单：我从中访问数据并尝试作为 POST 请求发送到我的 API 的表单

<div id="contactForm">
<h1>Add New Device Here!</h1>
<small>You need to wait for a minute after adding the Device</small>
    <form id = "iform" action="http://localhost:8081/ping" method="POST" name="myForm">
        <input id = "setrname" name = "fooname" placeholder="Router-Name" type="text" required />
        <!-- <input placeholder="Loop-Back" type="text" required /> -->
        <input id = "setloopback" name = "foo" placeholder="Loop-Back" type="text" minlength="7" maxlength="15" size="15" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">


        <select id="Type" name="Router-Type">
        <option value="CORE">CORE</option>
        <option value="EDGE">EDGE</option>
        <option value="IGW">IGW</option>
        </select>
        <!-- <textarea placeholder="Comment"></textarea> -->
        <input value="Submit" class="formBtn" type="submit" onclick="submitform()">
        <input class="formBtn" type="reset" />

    </form>
</div>

我的 JavaScript：通过 JavaScript 发送 HTML 表单数据

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:8081/ping', true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function submitform() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json.flag + ", " + json.status1);
    }
};  
    var insert = {
        loop_back: document.getElementById('setrname').value,
        status1: 0,
        status2: 0,
        status3: 0,
        status4: 0,
        status5: 0,
        status: 0,
        flag: 0,
        rName: document.getElementById('setloopback').value
    };
           xhr.send(JSON.stringify(insert));

请帮助我，建议我如何更正上面的代码

标签： javascripthtml