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

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

不言
發布: 2018-07-02 16:44:49
原創
3094 人瀏覽過

這篇文章主要介紹了關於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的get和post請求的介紹

關於ajax遍歷xml文件的方法

#

以上是ajax回呼函數參數傳遞正確方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板