zoukankan      html  css  js  c++  java
  • 纯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 }
  • 相关阅读:
    N++ 道ASP.NET面试题
    Console-算法:fun1(do while)
    软件业:印度比中国强在哪
    印度软件业崛起的奥妙
    算法目录
    scala目录
    scala命令
    Spark目录
    Ubuntu目录
    Java核心技术卷二部分笔记
  • 原文地址:https://www.cnblogs.com/CinderellaStory/p/11091055.html
Copyright © 2011-2022 走看看