Ajax同步异步；get和post

Posted 2021-03-20 lingxi2b2

Ajax步骤：

1.新建XMLhttpRequest　　var xhr=new XMLhttpRequest

2.打开请求：xhr.open(参数1，参数2，参数3)：

参数1：get还是post

参数2：请求路径

参数3：是否异步——true异步/false同步

3.发送请求：xhr.send(要发送的信息)

4.判断响应是否成功 status==200

 

同步和异步的区别：

异步时需要监听readyState的值是否为4（readstate：判断后台是否完全将数据成功）

xhr.onreadystatechange=function(){

　　if(xhr.readystate==4){

　　　　if(xhr.status==200){

　　　　　　console.log(xhr.responseText);　　　　

　　　　}

　　}

}

 

get和post的区别：

如果是get则如果有参数会直接跟在地址之后。

如果是POST请求，有参数则设置参数，无参数则设置null

如果是post请求，向服务器发送POST请求由于解析机制的原因，需要进行特别的处理。因为POST请求和Web表单提交是不同的，需要使用XHR来模仿表单提交。

xhr.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urle ncoded‘);