這篇文章主要介紹了關於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回呼函數參數傳遞正確方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!