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

來源:互聯網
上載者:User
屬性方法是可以帶參數:
複製代碼 代碼如下:

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.