首頁 web前端 js教程 對比jQuery.ajax中success 和complete的各種區別

對比jQuery.ajax中success 和complete的各種區別

May 11, 2018 pm 04:03 PM
success


$.ajax({
      type: "post",
      url: url,
      dataType:'html',
      success: function(data) { },
     complete: function(XMLHttpRequest, textStatus) { },
     error: function(){}
});
登入後複製

success : 當請求成功時呼叫的函數。這個函數會得到一個參數:從伺服器傳回的資料。當請求成功時呼叫函數,即status==200。
complete :當請求完成時呼叫的函數。這個函數會得到兩個參數:XMLHttpRequest物件和一個描述請求成功的類型的字串。當請求完成時呼叫函數,即status==404、403、302...。

所以,在寫success或complete的方法時,注意傳入的參數,和使用傳入參數物件來解決我們的問題

參數清單:

參數名稱類型描述
#url String(預設: 目前頁位址) 傳送請求的位址。
typeString#(預設: "GET") 請求方式("POST" 或"GET") , 預設為"GET"。注意:其它 HTTP 請求方法,如 PUT 和 DELETE 也可以使用,但僅部分瀏覽器支援。
timeoutNumber#設定請求逾時時間(毫秒)。此設定將覆蓋全域設定。
async Boolean(預設: true) 預設設定下,所有請求均為非同步請求。如果需要傳送同步請求,請將此選項設為 false。注意,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行。
beforeSend Function可修改 XMLHttpRequest 在傳送請求前物件的函數,例如新增自訂 HTTP 頭。 XMLHttpRequest 物件是唯一的參數。
function (XMLHttpRequest) {         this; // the options for this ajax request
         }
登入後複製
cache Boolean(預設: true) jQuery 1.2 新功能,設定為false 將不會從瀏覽器快取載入請求資訊
complete Function請求完成後回呼函數 (請求成功或失敗時均調用)。參數: XMLHttpRequest 對象,成功資訊字串。
function (XMLHttpRequest, textStatus) {         this; // the options for this ajax request
         }
登入後複製
contentType #String(預設: "application/x-www-form-urlencoded" ) 發送訊息至伺服器時內容編碼類型。預設值適合大多數應用程式場合。
data Object,
String
傳送到伺服器的資料。將自動轉換為請求字串格式。 GET 請求中將附加在 URL 後。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數組,jQuery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 '&foo=bar1&foo=bar2'。
dataType String

#預期伺服器傳回的資料類型。如果不指定,jQuery 將自動根據HTTP 包MIME 資訊返回responseXML 或responseText,並作為回調函數參數傳遞,可用值:

"xml": 返回XML 文檔,可用jQuery 處理。

"html": 傳回純文字 HTML 資訊;包含 script 元素。

"script": 傳回純文字 JavaScript 程式碼。不會自動快取結果。

"json": 傳回 JSON 資料 。

"jsonp": JSONP 格式。使用 JSONP 形式呼叫函數時,如 "myurl?callback=?" jQuery 會自動取代 ? 為正確的函式名,以執行回呼函數。

error Function(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
登入後複製
global Boolean(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified Boolean(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData Boolean(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
success Function请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
function (data, textStatus) {         
// data could be xmlDoc, jsonObj, html, text, etc...
         this; // the options for this ajax request
         }
登入後複製

以上是對比jQuery.ajax中success 和complete的各種區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1665
14
CakePHP 教程
1424
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
php中success方法怎麼用 php中success方法怎麼用 Mar 06, 2023 am 09:12 AM

php中success方法是用於展示一個成功訊息,其使用語法是“Success('...','Http://www.xxx.com/Admin/User/Index');”,當我們沒有寫Url的時候,系統則會判斷有無上一頁,如果有系統,則會跳轉至上一頁,否則將不會進行跳轉。

laravel的success方法怎麼用 laravel的success方法怎麼用 Aug 10, 2023 pm 02:09 PM

在Laravel中,success方法用於在控制器中返回成功的回應。要使用success方法,我們需要在控制器中引入Response類,然後,可以使用該類別的實例來呼叫success方法。可以透過設定回應的訊息、需要傳回的資料、回應的狀態碼,並將這些參數傳遞給success方法,將會傳回一個成功的回應,其中包含了我們設定的訊息和使用者資料。

學習PHP中success方法的最佳實踐 學習PHP中success方法的最佳實踐 Mar 22, 2024 pm 02:51 PM

學習PHP中success方法的最佳實踐,需要具體程式碼範例PHP是一種流行的伺服器端腳本語言,被廣泛應用於Web開發領域。在PHP中,success方法是一種常見的用於判斷操作成功與否的方法,通常用來傳回成功的訊息或程式碼。學習PHP中success方法的最佳實踐,需要結合實際的程式碼範例進行示範和解釋。首先,讓我們來看一個簡單的例子,展示一個成功的succes

優化專案開發:掌握Laravel的success方法 優化專案開發:掌握Laravel的success方法 Mar 10, 2024 pm 10:00 PM

優化專案開發:掌握Laravel的success方法,需要具體程式碼範例在當今快節奏的軟體開發環境中,如何有效率地開發專案並確保專案的穩健運作成為了開發者們面臨的重要挑戰。而Laravel作為現今流行的PHP開發框架之一,提供了許多方便的功能和方法來幫助開發者快速搭建並優化專案。其中,success方法是一個在Laravel中非常有用的功能,可以在專案開發過程中

Laravel success方法的高效應用技巧 Laravel success方法的高效應用技巧 Mar 10, 2024 pm 01:30 PM

Laravelsuccess方法的高效應用技巧Laravel是一款十分強大的PHP框架,它提供了許多便利的方法和工具,幫助開發者快速建立高品質的web應用。其中,success方法是在開發中經常使用的方法,在處理成功返回時非常實用。本文將介紹success方法的高效應用技巧,並提供具體的程式碼範例,幫助讀者更好地理解和應用此方法。 success方法的作

Laravel中success方法的使用指南 Laravel中success方法的使用指南 Mar 10, 2024 pm 03:45 PM

Laravel中success方法的使用指南在Laravel框架中,success方法是一個非常常用的方法,用於返回成功的回應。在API開發中尤其常見,它可以幫助我們標準化回傳資料格式,讓前端開發更方便。在本文中,我們將詳細介紹success方法的使用指南,並提供具體的程式碼範例來示範其用法。什麼是success方法? Laravel框架中的success方法

利用Laravel success方法提升開發效率 利用Laravel success方法提升開發效率 Mar 11, 2024 pm 02:06 PM

標題:利用LaravelSuccess方法提升開發效率在Laravel開發中,成功處理使用者請求並傳回相關資訊是非常重要的一項任務。為了簡化這個過程並提高開發效率,Laravel提供了success方法。本文將探討如何利用success方法來簡化成功回應的處理,並提供具體的程式碼範例。概述Laravel的success方法用於產生成功響應並

深入了解Laravel中的success方法 深入了解Laravel中的success方法 Mar 09, 2024 pm 09:15 PM

當我們在使用Laravel框架開發應用程式時,經常會遇到需要在操作成功後顯示提示訊息的情況。在這種情況下,我們可以使用Laravel中的success方法來快速且方便地實現。本文將深入探討Laravel中success方法的使用,包括其功能、參數意義以及具體的程式碼範例。 1.success方法的功能在Laravel框架中,success方法屬於Session

See all articles