快捷導(dǎo)航

ajax回調(diào)函數(shù)參數(shù)傳遞正確方法

更新時(shí)間：2010年12月28日 22:02:25 作者：

ajax回調(diào)函數(shù)參數(shù)傳遞正確方法，很多朋友習(xí)慣的寫錯(cuò)了，這里簡單的小結(jié)下。

屬性方法是可以帶參數(shù):

 
function ClassX(name) { 
this.name = name; 
ClassX.prototype.show = function (param) { 
alert(this.name + " " + param); 
}; 
} 
var o = new ClassX("name"); 
o.show("param");//name param 

但是，上面是雖然是直接在函數(shù)簽名中定義了參考，如果不是自己調(diào)用o.show('param')時(shí)，而是通過其他函數(shù)回調(diào)傳入時(shí)，就不一定好使了，因?yàn)閯e人在調(diào)用此方法時(shí)不一定給你傳入此參，比如在使用ajax時(shí)

request.onreadystatechange=function(param){...}

或

request.onreadystatechange=callBack;function callBack(param){...}

時(shí)就不好使了，因?yàn)榇藭r(shí)ajax根本就沒有給你傳遞param參數(shù)，正確做法形如：

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

 
//request.onreadystatechange = orgEval;//錯(cuò)誤作法 

//request.onreadystatechange = function (request, pOrgName) {//錯(cuò)誤作法 
// orgEval(request, pOrgName); 
//}; 

//... 
request.onreadystatechange = function () {//正確作法 
orgEval(request, pOrgName);//在匿名函數(shù)內(nèi)調(diào)用回調(diào)實(shí)現(xiàn)，并直接傳入?yún)?shù)，這里用到了JavaScript的閉包性質(zhì) 
}; 
//... 

function orgEval(req, orgName){ 
//... 
} 

這樣通過在匿名函數(shù)內(nèi)調(diào)用回調(diào)實(shí)現(xiàn)函數(shù)，并且直接傳入?yún)?shù)即可。

ajax傳遞參數(shù)給onreadystatechange的回調(diào)函數(shù)

這幾天開始學(xué)習(xí)ajax，其中自己做試驗(yàn)頁面時(shí)有了傳參數(shù)給XMLHttpRequest.onreadystatechange的回調(diào)函數(shù)這個(gè)需求。如是baidu了下，發(fā)現(xiàn)說到這個(gè)的人不少啊。搜來的辦法大概是這樣：

xmlHttp.onreadystatechange=function(){callback(a,b);};

其中就傳遞了a和b兩個(gè)參數(shù)。

后來我又自己發(fā)現(xiàn)了個(gè)方法，方法知道的人肯定很多，不過我在baidu上沒搜到，這里就寫出來，推廣下咯。

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

xmlHttp.a=a;
xmlHttp.b=b;
xmlHttp.onreadystatechange=callback;
.
.
function callback()
{
    if(this.readyState==4)
    {
        a=this.a;
        b=this.b;
    .
    }
}

也就是給xmlHttp對象增加兩個(gè)屬性，在回調(diào)函數(shù)中直接用this調(diào)用那兩個(gè)屬性。

另外說點(diǎn)自己的小經(jīng)驗(yàn)，xmlHttp最好要寫成全局變量，我一開始發(fā)現(xiàn)總有些請求沒達(dá)到目的。后來才發(fā)現(xiàn)是把xmlHttp寫在了一個(gè)函數(shù)里面，當(dāng)那個(gè)函數(shù)運(yùn)行完了，xmlHttp生命周期也結(jié)束了。這樣有些請求在生命周期結(jié)束之前就實(shí)現(xiàn)了，而有些請求就沒了。

您可能感興趣的文章: