Ajax技术的基础

Ajax技术相关:

在你使用Ajax开发应用程序的过程中需要用到很多相关的技术,XMLHttpRequest,Javascript,DOM,XML等.当然你觉得要写很多javascript代码会很烦,你可以使用Ajax框架也可以.只是用不同的方式达到相同的效果而已.最终目的都是为了满足你的欲望.比如:Atlas.虽然这些东西不一定全部用到,但是XMLHttpRequest对象却是实现Ajax应用必不可少的核心技术.本质上来说Ajax是客户端技术.采用Javascrip实现.所以Javascript面向对象编程技术要求比较高.

Ajax无刷新页面的特点主要是XMLHttpRequest对象.这种暗渡陈仓的方式减轻了服务器的负担又加快了响应速度.说明XMLHttpRequest肚子里面还是有内容的.比如下面的方法和属性:

XMLHttpRequest对象方法

Abort()

停止当前请求

getAlllResponseHeaders()

将Http请求的所有响应首部作为Key/value对的形式返回

getResponseHeader(“headerLabel”)

返回指定首部的字符串值

Open(“method”,”URL”[,asyncFlag[,”username”[,”password”]]])

建立对服务器的调用.method可以是Get,Post或者put;URL可以是相对的或者绝对的;

asyncFlag:是否非同步标记

username,password: 用户名密码

Send()

向服务器发送请求

setRequestHeader(“label”,”value”)

把指定的首部设置为所提供的值.在调用此方法前先调用open().

XMLHttpRequest对象方法

Onreadystatechange

状态必变时的事件触发器.每个事件改变都会触发这个事件.

Readystate

对象状态:0:未初始化;1:正在加载;2:已加载;3:交互中;4:完成.

responseText

服务器响应的字符串

responseXML

服务器的响应,XML,可以解析为DOM

Status

服务器返回的HTTP状态码

statusText

状态码的相应文本.

这些东西都是一个一厢情愿的事情.理论不代表实践.那么我就把这个一厢情愿的事情加点光彩.

var xmlHttp;
if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else
{
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
//判断是否IE浏览器,如果是的话创建XMLHTTP ActiveX对象,不是就创建XMLHttpRequest对象.
xmlHttp.open("GET","URL");//调用服务器
xmlHttp.onreadystatechange=callback;//设置状态改变事件响应函数
xmlHttp.send(null);


callback函数,xml对象改变事件的响应函数.根据应用的需要执行不同的事情
function calllback()
{

}