javascript - 使用 AJAX POST 请求发送自定义 HTTP 正文

Question

如何使用纯 Javascript(而非 JQuery)中的 POST AJAX 请求发送自定义 HTTP 正文？我实际上是想在正文中发送一个 JSON 文件。我可以设置自定义 header 字段，但找不到如何设置 HTTP 正文。

下面是代码

function calculateorder() {

    document.getElementById("finalize").style.display = "inline";

    url1 = "https://ethor-prod.apigee.net/v1/stores/";    
    url2 = "/orders/calculate?apikey=wSgbv9PE8aJhDOI17vvTUX1NlAceUXG7";

    url = url1 + store_id + url2;

    var xmlhttp;
    xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            alert(xmlhttp.responseText);
        }
    }

    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-Type", "application/json");
    xmlhttp.send(JSON.stringify(calculate));
}

当我将相同的 header 和 JSON 文件与 Rested(一个 OSX HTTP 客户端)一起使用时，它工作得很好

Answer 1

在XmlHttpRequest对象的.send()方法中添加参数

像这样:

xhr.send('username=me');

发送 JSON 格式数据 myData 像这样:

xhr.send(JSON.stringify(myData));