DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> ajax回調函數參數傳遞正確方法
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生命周期也結束了。這樣有些請求在生命周期結束之前就實現了,而有些請求就沒了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved