李永毅 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‘);