Ajax+PHP简单入门[2]

xmlHttponreadystatechange = updatePage;

此语句已经要放在send()语句前面这样才会有效后面的updatePage是处理返回信息的一个函数完整的getInfo()如下

function getInfo() {

var num = documentgetElementById(num)value;//获得表单的数据

var url = /ajax/php?n= + escape(num);

xmlHttpopen(GET url true);//这里的true代表是异步请求

xmlHttponreadystatechange = updatePage;

xmlHttpsend(null);

}

我们还需要在html里面来触发这个函数

<input name=num id=num onblur=getInfo() type=text />

下面我们需要来编写updatePage()这个函数

function updatePage(){

if (xmlhttpreadyState == ) {

var response = xmlhttpresponseText;

documentgetElementById(city)value = response;

}

}

上面这段代码里面的readyState是服务器返回的一个状态这个状态表示请求已经发送并处理完毕responseText是获得服务器返回的信息然后通过javascript赋给ID为city的表单

到此一个简单的Ajax程序就完成了完整的javascript代码如下

var xmlHttp = false;

try {

xmlHttp = new XMLHttpRequest();

} catch (trymicrosoft) {

try {

xmlHttp = new ActiveXObject(MsxmlXMLHTTP);

} catch (othermicrosoft) {

try {

xmlHttp = new ActiveXObject(MicrosoftXMLHTTP);

} catch (failed) {

xmlHttp = false;

}

}

}

if (!xmlHttp){

alert(无法创建 XMLHttpRequest 对象！);

}

function getInfo() {

var num = documentgetElementById(num)value;//获得表单的数据

var url = /ajax/php?n= + escape(num);

xmlHttpopen(GET url true);//这里的true代表是异步请求

xmlHttponreadystatechange = updatePage;

xmlHttpsend(null);

}

function updatePage(){

if (xmlhttpreadyState == ) {

var response = xmlhttpresponseText;

documentgetElementById(city)value = response;

}

}

这里还缺一个php文件由于处理的方式不一样写法也不一样而且这不是Ajax的主要部分所以这里就不放代码了只要记住php是输出并返回所需要的数据就可以了

[] []