純JS原生請求接口post方式

                

廢話不多說，直接上代碼

 

 

 

設置鼠標數去焦點的時候請求后台接口

//鼠標失去焦點
function onblur2(value,value2){
    //debugger;
    console.log("value",value);
    console.log("value2",value2);
     // 發送ajax
         // （1） 獲取 XMLHttpRequest對象
         xmlHttp = new XMLHttpRequest();
    var array = [
    {
          "id":value2,
          "sjcc": value
        }
    ]
    console.log("array ",array)
         //  (2) 連接服務器
        //  get
        //xmlHttp.open("get","/sendAjax/?a=1&b=2");

        //  post
        xmlHttp.open("post","http://192.168.20.162:2801/honeycomb/U017/updateCgddDetSjcc");

        // 設置請求頭的Content-Type
        var ele_csrf=document.getElementsByName("csrfmiddlewaretoken")[0];
        xmlHttp.setRequestHeader("Content-Type","application/json");
        //xmlHttp.setRequestHeader("X-CSRFToken",ele_csrf.value);

        // （3） 發送數據
        console.log("array2",array)
        xmlHttp.send(JSON.stringify(array)) ;   // 請求體數據


        // （4） 回調函數  success
        xmlHttp.onreadystatechange = function() {
            if(this.status==200){
                console.log("responseText",this.responseText)

            }
        };

        
}