Ajax及其应用

（1）Ajax的工作原理相当于在用户和服务器之间加了—个中间层AJAX引擎,使用户操作与服务器响应异步化。Ajax提供与服务器异步通信的能力，可在web页面触发js事件中中服务器发出异步请求，如执行更新或查询数据库Ajax的核心是js对象XMLHttpRequest，改对象在IE5中首次引入，使用户通过js向服务器提出请求并处理相应，不阻塞用户当web服务器的相应返回时，使用js回调函数和CSS相应的更新页面的局部页面，而不是刷新整个页面在页面与服务器交互的过程中不中断用户操作，用户甚至察觉不到浏览器正在与服务器进行通信

（2）XMLHttpRequest是ajax的核心，通过XMLHttpRequest对象，Web开发人员可以在页面加载以后进行页面的局部更新。常用的属性：onreadystatechange 用于监听ajax的工作状态readyState 用来存放XMLHttpRequest的状态status 服务器返回的状态码

　responseText 服务器返回的文本内容常用的方法：open创建http请求

　　send()发送请求给服务器

　　setRequestHeader()设置头信息

　　常用的属性：

　　onreadystatechange 用于监听ajax的工作状态

　　readyState 用来存放XMLHttpRequest的状态

　　status 服务器返回的状态码

　　responseText 服务器返回的文本内容

使用 onreadystatechange 事件监听状态变化，并获取服务器响应，服务器响应有两种形式： responseText 或 responseXML 。

（3）新建一个文件 在这个目录运行 npm install -g json-server

2.初始化得到node_modules npm init

3.局部安装 npm install json-server --save

4.配置启动指令

5.新建一个名字为db.json的文件，自己写需要的json串

6.启动 json-server --watch db.json

resources就是数据，home是主页

接口和数据就搭建好了，接下来测试一下增删改查是否可用