发送ajax请求

一、发送get请求

1.创建异步对象

• const ajax = new XMLHttpRequest

2.设置请求的url参数

• xhr.open('get','url?data'+data)

3.onreadystatechange 状态改变就会调用

• ajax.onload = function () { if (ajax.status==200) {

5. 回调响应

}
复制代码

}

4.发送请求

ajax.send（）
复制代码

二、发送post请求

1.创建异步对象

• var ajax = new XMLHttpRequest();

2.设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数

• ajax.open('post','url');

• ajax.setRequestHeader(“Content-Type”，“application/x-www-form-urlencoded”)。

3.onreadystatechange 状态改变就会调用

ajax.onload = function () { if (ajax.status==200) {

5. 回调响应

}

}

4.发送请求

• ajax.send(data);

总结

• get请求传送数据量较小，不能大于2KB，参数追加在URL后面，看的到明码的请求参数值。

• post请求传送数据量大小不受限制，请求通过HTTP POST机制 将请求参数放在HTML Header中传输，看不到明码的请求参数值。

• get请求send()不用传参数，post请求send()需要传参数。

转载于:https://juejin.im/post/5c106047f265da611f078b91