纯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)

            }
        };

        
}

 

 顺便为大家推荐好听的歌曲