发送ajax请求

371 阅读1分钟

一、发送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()需要传参数。