Ajax开发模式

[img]http://dl.iteye.com/upload/attachment/314230/1933818e-1cc2-3e64-b14e-6725a7c0e776.png[/img]
1）Ajax使用的技术
传统的考法模式，利用HTML表单向服务器GET或POST数据。单击“提交”按钮发送或获取信息，等待服务器的响应，然后一张新的页面加载结果。由于每当用户提交输入后服务器都会返回一张新的页面，传统的web应用程序变得运行缓慢，且越来越不友好，用户体验越来越差。
为了解决这一矛盾引入了Ajax技术，利用 AJAX，可以通过 JavaScript 的 XMLHttpRequest 对象，使用HTTP协议直接与服务器通信。通过XMLHttpRequest对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面，也不用每次都将数据处理的工作交给服务器来做，这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。
使用XMLHttpRequest对象发送请求和处理响应之前，先初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以不同的浏览器，初始化的方法也不同。
（1）IE浏览器，把XMLHttpRequest实例化为一个ActiveX对象。
var http_request = new ActiveXObject("Msxml2.XMLHTTP");
或
var http_request = new ActiveXObject("Microsoft.XMLHTTP");
（2）Mozilla、Safari等其他浏览器，把它实例化为一个本地JavaScript对象。
var http_request = new XMLHttpRequest();
if (window.XMLHttpRequest) { // Mozilla、Safari...
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE浏览器
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
2）Ajax的开发模式
Ajax应用开发模式，将请求变成对Ajax引擎的一次JavaScript调用。
在请求页中不直接提交到处理页，而是调用js脚本，在js中使用Ajax技术，由Ajax进行数据处理（提交和更新页面）。
在Ajax应用开发模式中通过JavaScript实现在不刷新整个页面的情况下，对部分数据进行更新，从而降低了网络流量，给用户带来了更好的体验。