Ajax
应用使用
JavaScript
异步发送请求,不用每次请求都重新加载页面,发送请求时可以继续其他的操作,在服务器响应完成后,在使用JavaScript
将响应展示给用户
Ajax
就是用来局部刷新页面的
特点:无刷新:不刷新整个页面,只刷新局部
无刷新的好处:
1
只更新部分页面,有效利用宽带
2
提供连续的用户体验
3
提供类似
c/s
的交互效果,操作更方便
传统Web与Ajax的差异
相同点:都是先由客户端发送
HTTP
请求,然后由服务器对请求生成响应。
不同点:
1
、发送请求方式不同
传统
web
应用通过浏览器发送
同步
请求
Ajax
技术则是通过
JavaScript
的
XMLHttpRequest
异步
引擎对象发送请求
2
、服务器响应不同
传统
web
应用,服务器的响应是一个完整的页面
Ajax
技术,服务器的响应只是需要的数据
3
、客户端处理的响应方式不同
传统
web
应用发送请求后,浏览器将等待服务器响应完成后重新加载整个页面后用户才能进行操作
Aajax
技术,可以动态更新页面中的部分内容,不影响用户在页面进行其他的操作
Ajax简介
异步刷新技术
Aajax
:
Asynchronous Javascript And Xml
是由
Javascript
、
XML
、
CSS
等几种现有技术的整合
Ajax工作流程
用户界面触发事件调用
JavaScript
,通过
Ajax
引擎
——XMLHttpRequest
对象异步发送请求到服务
器,服务器返回XML
、
JSON
或
HTML
等格式的数据,然后利用返回的数据使用DOM
和
CSS
技术局
部更新用户界面
XMLHttpRequest
XMLHttpRequest
对象可以在不刷新当前页面的情况下向服务器端发送异步请求,
并接受服务器端的响应结果,从而实现局部更新当前页面的功能。
XMLHttpRequest
是整个
Ajax
技术的核心