尋找一個僅使用Javascript使用JSON發佈到REST api的示例

Question

尋找一個僅從JavaScript獲取輸入並使用POST調用休息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); 
      })