快捷導(dǎo)航

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

更新時(shí)間：2010年10月26日 22:48:48 作者：

Ajax從流行到現(xiàn)在，已經(jīng)不算是什么新鮮的技術(shù)了

尤其是在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ō)，判斷瀏覽器的類別是一個(gè)重復(fù)而且毫無(wú)新意的工作，這段代碼完全可以封裝起來(lái)，隨意調(diào)用。

復(fù)制代碼代碼如下:

 
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é)果就可以了。

復(fù)制代碼代碼如下:

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

3.

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

Ajax如何傳輸Json和xml數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了Ajax如何傳輸Json和xml數(shù)據(jù),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象
AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象...
2007-01-01
有史以來(lái)最簡(jiǎn)單的AJAX回調(diào)庫(kù)
很多時(shí)候我們只要用到一些簡(jiǎn)單的Ajax功能，提供一些簡(jiǎn)單的回調(diào)而不需要很花哨的東西。然而現(xiàn)有的很多Ajax庫(kù)都很大，雖然功能很多但是我們很多時(shí)候根本就不需要用到他們，我就遇到過(guò)那樣的經(jīng)歷，所以我想弄一個(gè)很簡(jiǎn)單的Ajax回調(diào)函數(shù)來(lái)搞定。
2008-10-10
jquery ajax實(shí)現(xiàn)批量刪除具體思路及代碼
回調(diào)函數(shù)，在請(qǐng)求完成后需要進(jìn)行的操作：此處是把選中的checkbox去掉，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-04-04
Struts2和Ajax數(shù)據(jù)交互示例詳解
這篇文章主要給大家介紹了關(guān)于Struts2和Ajax數(shù)據(jù)交互的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
Ajax實(shí)現(xiàn)登錄案例
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)登錄案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián)(數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù))
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián),數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
完美ajax類　支持事件
完美ajax類　支持事件...
2007-02-02
Ajax+js實(shí)現(xiàn)異步交互
本文給大家分享的是原生javascript結(jié)合ajax實(shí)現(xiàn)的異步交互的方法和代碼，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2016-01-01
Ajax?請(qǐng)求隊(duì)列解決方案并結(jié)合elementUi做全局加載狀態(tài)
這篇文章主要介紹了Ajax?請(qǐng)求隊(duì)列解決方案并結(jié)合elementUi做全局加載狀態(tài),使用消息隊(duì)列制作請(qǐng)求防抖，防止重復(fù)請(qǐng)求印象服務(wù)器，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-10-10