javascript - ajax的非同步問題

來源:互聯網
上載者:User

請問ajax 裡面的回呼函數是返回data再執行函數裡面的代碼還是不等data返回就直接執行函數裡面的代碼的呢?

如果是第二種情況,該如何避免非同步帶來的困擾呢?

回複內容:

請問ajax 裡面的回呼函數是返回data再執行函數裡面的代碼還是不等data返回就直接執行函數裡面的代碼的呢?

如果是第二種情況,該如何避免非同步帶來的困擾呢?

success的回呼函數是data成功返回後要執行的函數,也就是說要得到data之後才會執行
其他情況下的還有像beforeSend(發送前),complete(請求完成後),error(請求出錯)的回調

至於你說的非同步帶來的困擾我不太明白,可以舉例說一下嗎?

肯定是返回data再去執行函數裡面的代碼= = 不返回data就執行= =豈不是等著報錯。

ajax的全稱AJAX = Asynchronous JavaScript and XML(非同步 JavaScript 和 XML)。
首先回答您的問題,success的情況下,當成功返回data以後,才會執行函數。沒有返回的話,會很乖巧的等待一會兒時間,這個時間一般是網路延遲時間。同時也可以自己設定。

下面以偉大的jquery架構的ajax簡單說下。
通常,我會這樣使用,name+value的形式。

$.ajax({name:value, name:value, ... })
  • async 布爾值,表示請求是否非同步處理。預設是 true。設定為false,你就關閉了非同步,此時一次請求,介面會很卡。

  • beforeSend(xhr) 發送請求前啟動並執行函數。

  • cache 布爾值,表示瀏覽器是否緩衝被請求頁面。預設是 true。

  • complete(xhr,status) 請求完成時啟動並執行函數(在請求成功或失敗之後均調用,即在 success 和 error 函數之後)。

  • contentType 發送資料到伺服器時所使用的內容類型。預設是:"application/x-www-form-urlencoded"。

  • context 為所有 AJAX 相關的回呼函數規定 "this" 值。

  • data 規定要發送到伺服器的資料。

  • dataFilter(data,type) 用於處理 XMLHttpRequest 原始響應資料的函數。

  • dataType 預期的伺服器響應的資料類型。

  • error(xhr,status,error) 如果請求失敗要啟動並執行函數。

  • global 布爾值,規定是否為請求觸發全域 AJAX 事件處理常式。預設是 true。

  • ifModified 布爾值,規定是否僅在最後一次請求以來響應發生改變時才請求成功。預設是 false。

  • jsonp 在一個 jsonp 中重寫回呼函數的字串。

  • jsonpCallback 在一個 jsonp 中規定回呼函數的名稱。

  • password 規定在 HTTP 訪問認證請求中使用的密碼。

  • processData 布爾值,規定通過請求發送的資料是否轉換為查詢字串。預設是 true。

  • scriptCharset 規定請求的字元集。

  • success(result,status,xhr) 當請求成功時啟動並執行函數。

  • timeout 設定本地的請求逾時時間(以毫秒計)。

  • traditional 布爾值,規定是否使用參數序列化的傳統樣式。

  • type 規定請求的類型(GET 或 POST)。

  • url 規定發送請求的 URL。預設是當前頁面。

  • username 規定在 HTTP 訪問認證請求中使用的使用者名稱。這個可以類比使用者的登入,再加上password,你懂的。

  • xhr 用於建立 XMLHttpRequest 對象的函數。

紅色部分,是我本人常用的。

等你請求的介面成功響應資料以後回調這個success函數,所以只要你服務端處理正常,data返回的就是你想要的資料

問題的答案,上面已經說了,我就不重複了,我只是想問一下你說的非同步困擾有哪些。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.