Ajax 技术现在好多人懂了,但用的时候,代码五花八门,不易理解和维护。现在已经有一些 Ajax 框架,做的很不错,例如较早的 xAjax(PHP下的),还有现在的 jQuery、Dhtml 等。但因为框架要考虑通用性和兼容性等,实现起来叠床架屋的,比较复杂。对于我们一些小应用来说,用起来有大材小用、打炮大蚊子的感觉。
其实 Ajax 被大家搞的神秘了 - 看看书店里那些千篇一律的、煞有介事的专门讲 Ajax 的书吧。
以下代码把通过 get 方式实现 Ajax 请求的方法,构造成 2 个函数(不打算用类来实现),已经可以满足日常的简单应用,也几乎体现了 Ajax 的全部精髓。用的时候,给几个参数,调用函数就可以了。
function getAjax(httpurl,requests,div)
{
if (typeof(httpurl,requests,div) == ‘undefined’)
{
return false;
}
var url = httpurl+requests;
var show = document.getElementById(div);
var ajax = InitAjax();
ajax.open(”GET”, url, true);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
show.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject(”Msxml2.XMLHTTP”);
} catch (e) {
try {
ajax = new ActiveXObject(”Microsoft.XMLHTTP”);
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!=’undefined’) {
ajax = new XMLHttpRequest();
}
return ajax;
}
本文转自网眼51CTO博客,原文链接:http://blog.51cto.com/itwatch/286444,如需转载请自行联系原作者