其实ajax 也并不是很难,他的核心也就用了 XMLHttpRequest,其实这个已经很早就有了的,只是现在用起来比较流行罢了,用了以后整体感觉不错,实现无刷新,把提交服务器用XMLHttpRequest去处理,具体的处理过程看代码吧
var
http_request
=
false
;
function send_request(url) ... {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest 对象
if(window.XMLHttpRequest) ...{ //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) ...{//设置 MiME 类别
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) ...{ // IE 浏览器
try ...{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) ...{
try ...{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) ...{}
}
}
if (!http_request) ...{ // 异常,创建对象实例失败
window.alert("不能创建 XMLHttpRequest 对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和 URL 以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() ... {
if (http_request.readyState == 4) ...{ // 判断对象状态
if (http_request.status == 200) ...{ // 信息已经成功返回,开始处理信息
if(http_request.responseText=='deletesuccessdeletesuccess')...{
alert('删除成功');
}else...{ alert('删除失败');}
}}}
function send_request(url) ... {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest 对象
if(window.XMLHttpRequest) ...{ //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) ...{//设置 MiME 类别
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) ...{ // IE 浏览器
try ...{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) ...{
try ...{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) ...{}
}
}
if (!http_request) ...{ // 异常,创建对象实例失败
window.alert("不能创建 XMLHttpRequest 对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和 URL 以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() ... {
if (http_request.readyState == 4) ...{ // 判断对象状态
if (http_request.status == 200) ...{ // 信息已经成功返回,开始处理信息
if(http_request.responseText=='deletesuccessdeletesuccess')...{
alert('删除成功');
}else...{ alert('删除失败');}
}}}
这个就是AJAX的整个过程,只是初学,要深入的话还需要努力....待续!