大结局(XMLHttpRequest对象)
好了,到了ajax关键时刻了。
/* ===========================================================
* 函数名称:ajaxUpdater(tarObj,sMethod,URL,parameters)
* 参数说明:tarObj - 异步获取信息希望显示的目标节点ID
* sMethod - 数据提交方法,两个可选值get,post
* URL - 提交的目标URL地址
* parameters - URL后面接(传递)的参数
* 函数功能:将异步传递的目标URL地址返回的信息,无刷新的写到目标
* 节点(tarObj)中
* 返 回 值:new Error() - 运行错误时返回一个报错信息
* 使用方法:var myAjax = ajaxUpdater(msgBox,"get",URL,para);
============================================================ */
function ajaxUpdater(tarObj,sMethod,URL,parameters){
var oXmlHttp = createXMLHTTPRequest();
oXmlHttp.open(sMethod, URL+parameters, true);
oXmlHttp.onreadystatechange = function () {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status == 200) {
if($(tarObj)){
$(tarObj).innerHTML = oXmlHttp.responseText;
}
else{
return false;
}
}
else {
throw new Error("有一个错误产生!");
}
}
}
oXmlHttp.send(null);
绕了这么多圈,又回到我们文章开始提到的,现在要开始运用XMLHttpRequest对象的相关知识了。
不过还没有完,最后要说的就是innerHTML这个特性,这里我们还要感谢微软啊,innerHTML就是它的专利,我们就是用它来改变指定DOM内的HTML字符串的,而不用刷新页面。详细的信息大家还是google一下吧,我也要休息下啊!!喝口茶先!!^-^!
以上讲了这么多,我们最后来看看,我们这个ajax标签导航都用到了那些技术吧:
1.xhtml
2.CSS
3.Javascript
4.DOM
5.XMLHttpRequest对象
6.innerHTML
还有XML,我们这个例子没有涉及到。东西虽小,包含的(web前端开发)知识可是都用到了啊,我把我会的点东西都端出来了(要失业了),呵呵!
当然我很喜欢跟大家多交流,以后有时间,我们在来谈谈CSS的HACKS技巧,Javascript DOM编程等等的,今天就收工了,谢谢捧场先!!!
请稍等,评论加载中...