(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是主页
接口和数据就搭建好了,接下来测试一下增删改查是否可用