纯JS原生请求接口post方式

                

废话不多说，直接上代码

 

 

 

设置鼠标数去焦点的时候请求后台接口

 1 //鼠标失去焦点
 2 function onblur2(value,value2){
 3     //debugger;
 4     console.log("value",value);
 5     console.log("value2",value2);
 6      // 发送ajax
 7          // （1） 获取 XMLHttpRequest对象
 8          xmlHttp = new XMLHttpRequest();
 9     var array = [
10     {
11           "id":value2,
12           "sjcc": value
13         }
14     ]
15     console.log("array ",array)
16          //  (2) 连接服务器
17         //  get
18         //xmlHttp.open("get","/sendAjax/?a=1&b=2");
19 
20         //  post
21         xmlHttp.open("post","http://192.168.20.162:2801/honeycomb/U017/updateCgddDetSjcc");
22 
23         // 设置请求头的Content-Type
24         var ele_csrf=document.getElementsByName("csrfmiddlewaretoken")[0];
25         xmlHttp.setRequestHeader("Content-Type","application/json");
26         //xmlHttp.setRequestHeader("X-CSRFToken",ele_csrf.value);
27 
28         // （3） 发送数据
29         console.log("array2",array)
30         xmlHttp.send(JSON.stringify(array)) ;   // 请求体数据
31 
32 
33         // （4） 回调函数  success
34         xmlHttp.onreadystatechange = function() {
35             if(this.status==200){
36                 console.log("responseText",this.responseText)
37 
38             }
39         };
40 
41         
42 }

 

转载于:https://www.cnblogs.com/CinderellaStory/p/11091055.html