2017-12-1

  Ajax 的原理简单来说是通过XMLHttpRequest 对象来向服务器发异步请求的,从服务器获得数据,然后再用javascript来操作DOM而更新页面.这最关键的一步就是从服务器获得请求数据,是需要我们清楚这个过程和原理; XMLHttpRequest 是AJAX的核心机制,是一种支持异步请求的技术,是javascript可以及时向服务提出请求和处理响应,不阻塞用户,可以达到无刷新的效果

XMLHttpRequest 对象的属性:

onreadystatechange    每次状态改变所触发事件的事件处理程序

responseText                从服务器进程返回数据的字符串形式

responseXML                从服务器进程返回的DOM兼容的文档数据对象

status                              从服务器返回到的数字代码    如  404(未找到)   200(已就绪)

status  Text                     伴随状态码的字符串信息

readyState                     对象状态值

0      (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)

1       (初始化)  对象已建立,尚未调用send方法

2        (发送数据)   send方法已调用,但是当前的状态及http头未知

3         (数据传送中)  已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText 获取部分数据会出现错误,

4          (完成)  数据接收完毕,此时可以通过responseXml和responseText获取完整的回应数据


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,377评论 0 7
  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 13,849评论 2 18
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 624评论 0 2
  • 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就...
    亲爱的翔子阅读 513评论 0 0
  • 在一个圈子里,你干了很多,也付出了很多,后来你有一件事情不干或不干,这件事情也不付出,整个圈子基本会把你当坏人看,...
    李基锋阅读 150评论 0 0