尤其是在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;
}
}
}
您可能感興趣的文章:- pushState、replaceState、onpopstate 實現Ajax頁面的前進后退刷新
- 使用Yii整合的pjax（pushstate+ajax）實現無刷新加載頁面
- 使用ajax和history.pushState無刷新改變頁面URL示例
- 使用ajax實現無刷新改變頁面內容和地址欄URL
- 基于iframe實現類似于ajax的頁面無刷新
- ajax頁面無刷新 IE下遭遇Ajax緩存導致數據不更新的問題
- JS+Ajax+Jquery實現頁面無刷新分頁以及分組 超強的實現
- PHP Ajax實現頁面無刷新發表評論
- PHP Ajax實現頁面無刷新發表評論
- pushState實現Ajax無刷新頁面切換
