欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ajax回調函數(shù)參數(shù)傳遞正確方法

 更新時間:2010年12月28日 22:02:25   作者:  
ajax回調函數(shù)參數(shù)傳遞正確方法,很多朋友習慣的寫錯了,這里簡單的小結下。
屬性方法是可以帶參數(shù):
復制代碼 代碼如下:

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


但是,上面是雖然是直接在函數(shù)簽名中定義了參考,如果不是自己調用o.show('param')時,而是通過其他函數(shù)回調傳入時,就不一定好使了,因為別人在調用此方法時不一定給你傳入此參,比如在使用ajax時

request.onreadystatechange=function(param){...}



request.onreadystatechange=callBack;function callBack(param){...}

時就不好使了,因為此時ajax根本就沒有給你傳遞param參數(shù),正確做法形如:
復制代碼 代碼如下:

//request.onreadystatechange = orgEval;//錯誤作法

//request.onreadystatechange = function (request, pOrgName) {//錯誤作法
// orgEval(request, pOrgName);
//};

//...
request.onreadystatechange = function () {//正確作法
orgEval(request, pOrgName);//在匿名函數(shù)內調用回調實現(xiàn),并直接傳入?yún)?shù),這里用到了JavaScript的閉包性質
};
//...

function orgEval(req, orgName){
//...
}

這樣通過在匿名函數(shù)內調用回調實現(xiàn)函數(shù),并且直接傳入?yún)?shù)即可。

ajax傳遞參數(shù)給onreadystatechange的回調函數(shù)

這幾天開始學習ajax,其中自己做試驗頁面時有了傳參數(shù)給XMLHttpRequest.onreadystatechange的回調函數(shù)這個需求。如是baidu了下,發(fā)現(xiàn)說到這個的人不少啊。搜來的辦法大概是這樣:

xmlHttp.onreadystatechange=function(){callback(a,b);};

其中就傳遞了a和b兩個參數(shù)。

后來我又自己發(fā)現(xiàn)了個方法,方法知道的人肯定很多,不過我在baidu上沒搜到,這里就寫出來,推廣下咯。

復制代碼 代碼如下:

xmlHttp.a=a;
xmlHttp.b=b;
xmlHttp.onreadystatechange=callback;
.
.
function callback()
{
    if(this.readyState==4)
    {
        a=this.a;
        b=this.b;
    .
    }
}

也就是給xmlHttp對象增加兩個屬性,在回調函數(shù)中直接用this調用那兩個屬性。

另外說點自己的小經(jīng)驗,xmlHttp最好要寫成全局變量,我一開始發(fā)現(xiàn)總有些請求沒達到目的。后來才發(fā)現(xiàn)是把xmlHttp寫在了一個函數(shù)里面,當那個函數(shù)運行完了,xmlHttp生命周期也結束了。這樣有些請求在生命周期結束之前就實現(xiàn)了,而有些請求就沒了。

相關文章

  • 一篇文章弄清楚Ajax請求的五個步驟

    一篇文章弄清楚Ajax請求的五個步驟

    其實AJAX就是在Javascript中多添加了一個XMLHttpRequest對象,所有的異步交互都是使用XMLHttpServlet對象完成的,下面這篇文章主要給大家介紹了關于Ajax請求的五個步驟,需要的朋友可以參考下
    2022-03-03
  • jquery中AJAX請求 $.post方法的使用

    jquery中AJAX請求 $.post方法的使用

    使用jQuery的$.post方法可以以POST形式向服務器發(fā)起AJAX請求.本篇文章主要給大家講解jquery中AJAX請求 $.post方法的使用,需要的朋友可以參考下
    2015-10-10
  • 圖文解析AJAX的原理

    圖文解析AJAX的原理

    Ajax的工作原理相當于在用戶和服務器之間加了—個中間層(AJAX引擎),使用戶操作與服務器響應異步化。網(wǎng)上關于介紹ajax的原理有很多,本文將通過圖文的形式給大家更直接明了的介紹,有需要的可以參考學習。
    2016-08-08
  • Ajax實現(xiàn)文件下載

    Ajax實現(xiàn)文件下載

    本文給大家介紹ajax實現(xiàn)文件下載相關知識,涉及到ajax文件下載方面的知識,本文介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起學習吧
    2016-03-03
  • $.ajax()常用方法詳解(推薦)

    $.ajax()常用方法詳解(推薦)

    AJAX 是一種與服務器交換數(shù)據(jù)的技術,可以在補充在整個頁面的情況下更新網(wǎng)頁的一部分。接下來通過本文給大家介紹ajax一些常用方法,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧
    2016-07-07
  • ajax實現(xiàn)簡單實時驗證功能

    ajax實現(xiàn)簡單實時驗證功能

    這篇文章主要介紹了ajax實現(xiàn)簡單實時驗證功能,需要的朋友可以參考下
    2017-12-12
  • Ajax修改數(shù)據(jù)即時顯示篇實現(xiàn)代碼

    Ajax修改數(shù)據(jù)即時顯示篇實現(xiàn)代碼

    上一篇我們講了如何使用ajax向數(shù)據(jù)庫添加數(shù)據(jù),今天我們要大家學習的課程是:使用ajax修改數(shù)據(jù)庫數(shù)據(jù),并在客戶網(wǎng)頁立即顯示新的內容.當然在修改的過程中同樣不會有刷新網(wǎng)頁的情況發(fā)生!
    2010-10-10
  • AJAX 緩存問題的兩種解決方法(IE)

    AJAX 緩存問題的兩種解決方法(IE)

    ajax 清除緩存的兩種方法
    2007-10-10
  • Ajax實現(xiàn)城市二級聯(lián)動(三)

    Ajax實現(xiàn)城市二級聯(lián)動(三)

    這篇文章主要為大家詳細介紹了Ajax實現(xiàn)城市二級聯(lián)動的方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • AJAX實現(xiàn)瀑布流布局

    AJAX實現(xiàn)瀑布流布局

    這篇文章主要介紹了AJAX實現(xiàn)瀑布流布局的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10

最新評論