Ajax & PHP 结合讲解之一 Ajax基础

核心提示： varxmlHttp=null;try{//Firefox,Opera8.0+,Safari非IE浏览器xmlHttp=newXMLHttpRequest();}catch(e){//IE浏览器try{xmlHttp=newActiveXObject("Msxml2.XMLHTTP&q

var　xmlHttp=null;　
try　
{　
　//　Firefox,　Opera　8.0+,　Safari　非IE浏览器　
　xmlHttp=new　XMLHttpRequest();　
}　
catch　(e)　
{　
　//IE浏览器　
　try　
　{　
　　xmlHttp=new　ActiveXObject("Msxml2.XMLHTTP");　
　}　
　catch　(e)　
　{　
　　xmlHttp=new　ActiveXObject("Microsoft.XMLHTTP");　
　}　
}

在利用Ajax向服务器提交请求时，需要先确定三点：

1. 使用GET或POST方式提交请求？

2. 需要请求的页面（Page）或代码（Script）？

3. 将请求的页面或代码加载到页面什么位置？

function　makerequest(serverPage,　objID)　{　
　//将要被替换的页面位置obj　
　var　obj　=　document.getElementById(objID);　
　//发出页面（serverPage）请求　
　xmlhttp.open("GET",　serverPage);　
　xmlhttp.onreadystatechange　=　function()　
　{　
　　if　(xmlhttp.readyState　==　4　&&　xmlhttp.status　==　200)　{　
　　　　//将服务器返回的信息替换到页面位置obj　
　　　　obj.innerHTML　=　xmlhttp.responseText;　
　　}　
　}　
　xmlhttp.send(null);　
}

其中readyState表示当前对象状态，分为0～4的类别，0: uninitialized, 1: loading, 2: loaded, 3: interactive, 4: complete。status表示HTTP响应状态，常见状态有200 OK，304 Not Modified，401 Unauthorized，403 Forbidden，404 Not Found，500 Internal Server Error，503 Service Unavailable。代码中认定readyState==4和status==200为正常状态。

编缉推荐阅读以下文章

• Ajax & PHP 结合讲解之二 实例