Ajax及其应用

一、Ajax工作原理及分析

1. 通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。

2.Ajax应用的五个步骤

a.建立XMLHttpRequest对象；

b.设置回调函数；

c.使用open方法与服务器建立连接；

d.向服务器端发送数据；

e.在回调函数针对不同响应状态进行处理；

3.Ajax应用实列

a.百度搜索有相关的关键字提示

b.用户名检测

c.把鼠标放到一级分类里面去 会显示二级分类，鼠标如果不放在一级分类就不会去请求也就不会去显示 这样就提高了效率

d.鼠标滚动，滚到底部就会加载新的内容 qq空间也是这样，用户不需要刷新不需要跳转就可以看到更多内容

e.点击前端，后端，ios页面内容会发生改变但是网页不会刷新

二、XMLHttpRequest对象的属性、方法和事件进行深入理解

1.属性

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

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

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

d. status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪）

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

f. readyState 对象状态值

1. 方法

a.open

(1).向服务器提交数据的类型，即post还是get。

(2).请求的url地址和传递的参数

(3).传输方式，false为同步，true为异步。默认为true。

b.send

三、以JSONPlaceHolder为数据服务，编写案例，以进一步阐述Ajax及XMLHttpRequest对象的用法