JavascriptのみでJSONを使用してREST APIに投稿する例を探します

Question

JavaScriptからフォームから入力を取得し、POSTを使用して残りのAPIを呼び出す例を探しています。私が見つけたものはすべて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); 
      })