Ajax(Asynchronous JavaScript and XML)异步js和xml
使用XHTML和CSS标准化呈现
使用DOM实现动态显示和交互
使用XML和XSLT进行数据交换与处理
使用XMLHttpRequest进行异步数据读取
使用JavaScript绑定和处理所有数据
Ajax不是一门新的语言或技术,是一种Web交互的新方法
区别于传统Web(请求/响应模型):异步执行,局部刷新
特点:
*1、不需要刷新就可以改变页面内容,减少用户等待时间
2、改善表单验证方式,不需要打开新页面,也不需要提交整个页面的数据
*3、按需获取数据,每次从服务器获取需要的数据
4、读取外部数据。进行数据处理整合
5、异步与服务器进行交互,在交互过程种用户不需要等待,可以继续操作
优势:
1、按需获取数据,消耗更少
2、无需刷新更新页面
3、可以将传统服务器的部分工作转嫁到客户端
4、基于标准化技术(Javascript),无需下载插件
开发步骤:
1、建立Ajax对象:XHR对象(XMLHttpRequest)
2、设置回调函数
3、使用open方法与服务器建立连接
4、向服务器发送数据
5、在回调函数针对不同的响应状态进行处理
readystate属性一共有五种取值:
0:表示请求没有发出,建立链接之前
1:表示请求建立但是还没发出,调用send()方法之前
2:表示请求已经发出正在处理中,
3:表示请求已经处理,
4:响应已经完成,
JSON格式
在涉及页面跳转的时候使用传统web
在同一个页面里,不涉及页面跳转的业务使用ajax增强用户体验