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生命周期也結束了。這樣有些請求在生命周期結束之前就實現了，而有些請求就沒了。

以上是“ajax如何實現回調函數參數傳遞”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！