Ajax基本应用

Ajax是一种不需要重新加载整个网页，只需要局部刷新页面的技术。通过与后台服务器进行少量的数据交换，Ajax实现异步更新。核心是XMLHttpRequest，使用Ajax，主要分为3个步骤：创建XMLHttprequest对象；请求；响应。下面分别就各个步骤说明Ajax的使用：

1 创建XMLHttpRequest对象

IE遵循的不是标准的W3C标准，在创建XMLHttpRequest对象的时候，需要检测浏览器，

var xmlhttp;

if(window.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

} else {

xml = new ActiveXObject("Microtsoft.XMLHTTP");

}

使用上面的代码，不同的浏览器就创建了不同的XMLHttpRequest对象了。

 

2 请求

逻辑的处理并不是有Ajax完成的（实际上是一段javascript代码），而是Ajax发送请求给处理逻辑单元，并传入必要的参数

xmlhttp.open('GET', url, true);

参数说明：第一个参数指明需要通过什么方向传递参数；第二个指出需要发送请求的url地址；最后一个参数是一个bool变量，是否异步模式。

xmlhttp.open();

 

3 响应

服务器端的处理逻辑将处理的结果返回，Ajax接受这些数据，使用XMLHttpRequest对象的responseText或 responseXML 属性来接收。

然后将结果显示到HTML页面上

document.getElementById(''message").innerText = xmlhttp.responseText;

以上的3步操作实现了一个基本的Ajax的应用。