泰宁新闻网

异步请求,异步请求和同步请求的区别

鞋

泰宁新闻网 http://www.tainingxinwen.cn 2020-07-01 09:06 出处:网络
异步请求,异步请求和同步请求的区别,Ajax实现异步请求 A、处理响应中的status (xhr.status == 200 ):

异步请求,异步请求和同步请求的区别,Ajax实现异步请求

A、处理响应中的status (xhr.status == 200 ): xhr.status是http协议的状态码:200成功、404没有找到资源、500服务器报错 ajax清除缓存:
 //将文件名设置随系统时间改变而改变,这样可以避免浏览器缓存旧数据
 oAjax.open('GET','./a.txt?t='+new Date().getTime(),true);
B、XMLHttpRequest取得响应:

(1)responseText:获得字符串形式的响应数据

(2)responseXML:获得xml形式的响应数据

(3)status和statusText:以数字和文本形式返回Http转态码

(4)getAllResponseHeader():获得所以得响应报头

(5)getResponseHeader():查询响应中的某个字段的值

(6)readState属性

"0"请求未初始化,open还未调用

"1":服务器连接已经建立,open已调用

"2":请求已接收,也就是接收到头信息了

"3":请求处理中,也就是接收到响应主体了

"4":请求已经完成,且响应就绪,响应完成了

C、注意事项:     1、xhr的对象创建需要兼容处理     2、xhr.open的3个参数的作用     3、xhr.readyState状态值要了解     4、通过xhr.responseText获取服务器响应的数据     5、对于get请求来说,xhr.send()的参数固定写成null     6、xhr.status和xhr.readyState的作用和区别 D、阻止表单提交的几种方式:  1.return false;  2.e.preventDefault();  3.  input type="submit" value="提交" id="btn" 把 submit 换成 button E、Ajax-get提交: Aja的get提交数据是通过url传递参数,并且需要对参数进行编码处理 xhr.send();方法参数固定为null
2.配置发送函数
 encodeURI作用对get参数进行编码处理,防止乱码
 var param = encodeURI('?username='+uname+' password='+pw);
 xhr.open('get','./data.php'+param);
 xhr.send(null);
F、Ajax-post提交: Ajax的post提交方式通过xhr.send(); 函数传递的参数发送数据,而不是通过url传递数据 post提交方式必须设置请求头 post提交的数据不需要进行编码处理

本文标题:异步请求,异步请求和同步请求的区别
http://www.tainingxinwen.cn/qitaxinxi/409388.html

0

精彩评论

暂无评论...
验证码 换一张
取 消