Ajax如何無(wú)刷新Url提交頁(yè)面

這篇文章將為大家詳細(xì)講解有關(guān)Ajax如何無(wú)刷新Url提交頁(yè)面，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在Jquery，porotype，Ext等框架流行之后，大量簡(jiǎn)化的代碼可說(shuō)是為程序員帶來(lái)了福音，
從繁重的代碼工作之中解脫出來(lái)，輕易的就可以實(shí)現(xiàn)過(guò)去書(shū)寫(xiě)復(fù)雜的功能。
不過(guò)有利有弊，到如今，習(xí)慣了使用各種框架，而很少自己書(shū)寫(xiě)內(nèi)部源碼的程序員們，還有幾個(gè)記得Ajax那其實(shí)并不算復(fù)雜的基本代碼呢？
為了不遺忘當(dāng)初的熱忱，我把這基礎(chǔ)的代碼再貼出來(lái)，給自己回顧一下。
1。對(duì)于Ajax來(lái)說(shuō)，判斷瀏覽器的類(lèi)別是一個(gè)重復(fù)而且毫無(wú)新意的工作，這段代碼完全可以封裝起來(lái)，隨意調(diào)用。

代碼如下:

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

不解釋了，反正就算不懂，直接復(fù)制過(guò)去用也是沒(méi)有問(wèn)題的。

2。接下來(lái)是提交Url的代碼。
整個(gè)過(guò)程其實(shí)大同小異，大部分代碼其實(shí)都可以封裝起來(lái)，只要將參數(shù)傳入，再獲取結(jié)果就可以了。

代碼如下:

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

關(guān)于“Ajax如何無(wú)刷新Url提交頁(yè)面”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。