Ajax如何无刷新Url提交页面

这篇文章将为大家详细讲解有关ajax如何无刷新Url提交页面，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

在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);
}
}

3.

代码如下:

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

关于“Ajax如何无刷新Url提交页面”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。