首頁 >web前端 >js教程 >ajax回呼函數參數傳遞正確方法

ajax回呼函數參數傳遞正確方法

不言原創: 2018-07-02 16:44:493109瀏覽

這篇文章主要介紹了關於ajax回呼函數參數傳遞正確方法，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

ajax回呼函數參數傳遞正確方法，很多朋友習慣的寫錯了，這裡簡單的小結下。

屬性方法是可以帶參數:

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

但是，上面是雖然是直接在函數簽章中定義了參考，如果不是自己呼叫o.show('param')時，而是透過其他函數回呼傳入時，就不一定好使了，因為別人在呼叫此方法時不一定會給你傳入此參，例如在使用ajax時

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

時就不好使了，因為此時ajax根本就沒有給你傳遞param參數，正確做法形如：

//request.onreadystatechange = orgEval;//错误作法 

//request.onreadystatechange = function (request, pOrgName) {//错误作法 
// orgEval(request, pOrgName); 
//}; 

//... 
request.onreadystatechange = function () {//正确作法 
orgEval(request, pOrgName);//在匿名函数内调用回调实现，并直接传入参数，这里用到了JavaScript的闭包性质 
}; 
//... 

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

這樣透過在匿名函數內呼叫回呼實現函數，並且直接傳入參數即可。

ajax傳遞參數給onreadystatechange的回呼函數

這幾天開始學習ajax，其中自己做試驗頁面時有了傳參數給XMLHttpRequest.onreadystatechange的回呼函數這個需求。如是baidu了下，發現說到這個的人不少啊。搜來的辦法大概是這樣：

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

其中就傳遞了a和b兩個參數。

後來我又自己發現了個方法，方法知道的人肯定很多，不過我在baidu上沒搜到，這裡就寫出來，推廣下咯。

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

也就是為xmlHttp物件增加兩個屬性，在回呼函數中直接用this呼叫那兩個屬性。

另外說點自己的小經驗，xmlHttp最好要寫成全域變量，我一開始發現總有些請求沒達到目的。後來才發現是把xmlHttp寫在了一個函數裡面，當那個函數運行了，xmlHttp生命週期也結束了。這樣有些請求在生命週期結束前就實現了，而有些請求就沒了。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

ajax回呼函數參數傳遞正確方法

相關文章