Question

寻找仅从JavaScript中获取输入并使用POST调用rest API的JavaScript示例。我发现的一切都使用jQuery。

Answer 1

这个怎么样？

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "/your/url/here");
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xmlhttp.send(
    JSON.stringify({f1:"v1", f2:123})
);

Answer 2

官方网站W3School为AJAX with Pure JS .

提供了许多示例

你可以检查一下。无论如何，我喜欢在函数中包装这个AJAX调用，以便能够将它重用于许多URL。

function simpleAjax(method,url,params,fnback){
            method=method || "GET";
             let xh=new XMLHttpRequest();
             with(xh){
                 setRequestHeader("Content-Type", "application/json;charset=UTF-8");

                  if(fnback){ // Async Call
                        open(method, url,true);
                        send(JSON.stringify(parmas));
                        onreadystatechange= fnback.call(xh,xh.responseText)
                   }else{ //SYNC Call
                           open(method, url);
                           send(JSON.stringify(parmas));
                           return xh;
                    }


              }

}

然后，打电话给：

同步：

 var  request=simpleAjax('POST','/rest/my/url',{id:23});
 //console.log(request.responseText) ;

异步

 simpleAjax('POST','/rest/my/url',{id:23},function(response){
      console.log(response);
  })

寻找使用JSON仅使用Javascript发布到REST API的示例

2 个答案: