Ajax工作原理以及XMLHttpRequest对象

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

XMLHttpRequest是Ajax主要应用于处理发送异步处理请求和回应的,用户在后台和服务器交换数据,它有以下几个属性

c26f98aefb0e4dad868b21c038551093.jpg

每次这个属性的值增加的时候,都会触发 onreadystatechange 事件。该事件用于指定当readystate状态改变时使用的操作,一般用于指定具体的回调函数。

2、responseText
    目前为止为服务器接收到的响应体(不包括头部),或者如果还没有接收到数据的话,就是空字符串。
    如果 readyState 小于 3,这个属性就是一个空字符串。当 readyState 为 3,这个属性返回目前已经接收的响应部分。如果 readyState 为 4,这个属性保存了完整的响应体。
3、responseXML
    对请求的响应,解析为 XML 并作为 Document 对象返回,只读。
4、status
    由服务器返回的 HTTP 状态代码,如200表示请求成功,而404表示 “Not Found” 错误。当readyState小于3的时候读取这一属性会导致一个异常。
5、statusText
    返回当前请求的响应行状态,只读。当状态为 200 的时候它是 “OK”,当状态为 404 的时候它是 “Not Found”。和 status 属性一样,当 readyState 小于3的时候读取这一属性会导致一个异常。
    XMLHttpRequest有以下方法

7ce88cf5b24c45488366db070b4793ec.jpg

 

XMLHttpRequest对象的五步使用方法:

1、  建立对象

2、  注册回调函数

3、  使用open方法设置和服务器端交互的基本信息

4、  发送数据开始和服务器端交互

5、  在回调函数中判读交互是否结束,响应是否正确,并根据从服务器端返回的数据进行更新页面。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值