OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

Ajax无刷新Url提交页面

2022-2-5 17:00| 发布者: 菜鸟教程小白| 查看: 315| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: Ajax从流行到现在，已经不算是什么新鲜的技术了

尤其是在Jquery，porotype，Ext等框架流行之后，大量简化的代码可说是为程序员带来了福音，
从繁重的代码工作之中解脱出来，轻易的就可以实现过去书写复杂的功能。
不过有利有弊，到如今，习惯了使用各种框架，而很少自己书写内部源码的程序员们，还有几个记得Ajax那其实并不算复杂的基本代码呢？
今天，为了不遗忘当初的热忱，我把这基础的代码再贴出来，给自己回顾一下。

1。对于Ajax来说，判断浏览器的类别是一个重复而且毫无新意的工作，这段代码完全可以封装起来，随意调用。

复制代码代码如下:

 
function xmlhttp() 
{ 
var A=null 
try 
{ 
A=new ActiveXObject("Msxml2.XMLHTTP"); 
} 
catch(e) 
{ 
try 
{ 
A=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
catch(oc) 
{ 
if(typeof XMLHttpRequest!="Undefined") 
{ 
A=new XMLHttpRequest(); 
} 
} 
} 
return A; 
} 

不解释了，反正就算不懂，直接复制过去用也是没有问题的。

2。接下来是提交Url的代码。
整个过程其实大同小异，大部分代码其实都可以封装起来，只要将参数传入，再获取结果就可以了。

复制代码代码如下:

 
function Ajax(url) 
{ 
var XmlHttp=new xmlhttp(); 
try 
{ 
XmlHttp.open("POST",url,true); 
　　　var result=SendUrl(); 
} 
catch(e) 
{ 
alert(e); 
} 
} 

复制代码代码如下:

 
function SendUrl() 
{ 
XmlHttp.send(); 
XmlHttp.onreadystatechange=function() 
{ 
if(XmlHttp.readyState==4 && XmlHttp.status==200) 
{ 
var result=XmlHttp.responseText; 
return result; 
} 
} 
} 