Ajax同步异步;get和post

李永毅 2019-12-26

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‘);

相关推荐