js ajax请求

86 阅读 0 评论 57 点赞

我是靠谱客的博主积极蜡烛，这篇文章主要介绍js ajax请求，现在分享给大家，希望可以做个参考。

post

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var url= 'http://'; //接口地址
    var ajax = new XMLHttpRequest();
    // 第二步： 设置状态监听函数
    ajax.onreadystatechange = function(){
        //第五步：在监听函数中，判断readyState=4 && status=200表示请求成功
        if(ajax.readyState==4 && ajax.status==200){
            // 第六步： 使用responseText、responseXML接受响应数据，并使用原生JS操作DOM进行显示
            console.log(ajax.responseText);
        }
    };
    // 第三步： open一个链接
    ajax.open("post",url,true);

    var data = 'id=111&name=222'
    // 第四步： send一个请求。 可以发送对象和字符串，不需要传递数据发送null
    ajax.send(data);

GET

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var url= 'http://'; //接口地址
    var ajax = new XMLHttpRequest();
    // 第二步： 设置状态监听函数
    ajax.onreadystatechange = function(){
        //第五步：在监听函数中，判断readyState=4 && status=200表示请求成功
        if(ajax.readyState==4 && ajax.status==200){
            // 第六步： 使用responseText、responseXML接受响应数据，并使用原生JS操作DOM进行显示
            console.log(ajax.responseText);
        }
    };
    // 第三步： open一个链接
    ajax.open("GET",url,true);

   
  // 第四步： send一个请求。 可以发送对象和字符串，不需要传递数据发送null
    ajax.send(null);