尤其是在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;
}
}
}