第一次使用Ajax

初探Ajax

于 2009-05-15 17:00:11 发布 · 131 阅读

文章标签：

#Ajax #IE #浏览器 #Microsoft #框架

Ajax 专栏收录该内容

1 篇文章

订阅专栏

本文记录了作者首次独立使用Ajax的经历，详细介绍了如何不依赖框架创建XMLHttpRequest对象，并通过post方式发送请求，以及如何处理响应。

今天第一次使用Ajax，没有使用框架，花了大半天，不过收获蛮多的。
js文件:
var xmlHttp;
function methodName(obj) {
if (window.XMLHttpxmlHttpuest) {
xmlHttp = new XMLHttpxmlHttpuest(); //非IE浏览器,创建XMLHttp对象
}else if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE浏览器,创建XMLHttp对象
}
xmlHttp.onreadystatechange = processStateChange;
try {
xmlHttp.open("post", url, true); //url为Ajax要执行的java代码路径
}catch(e) {
alert("创建对象失败");
}
xmlHttp.send(null);
}

function processStateChange(){
if(xmlHttp.readyState == 4) { //请求成功
if(xmlHttp.status == 200) {
var st = xmlHttp.responseText; //取得返回信息
//请求成功后你要执行的代码
}else {
alert("出错啦!");
}
}
}
后台代码就不用说了。so easy……