Heim > Web-Frontend > js-Tutorial > Detaillierte Einführung in die Verwendung der JQuery-Ajax-Methode und der einzelnen Parameter

Detaillierte Einführung in die Verwendung der JQuery-Ajax-Methode und der einzelnen Parameter

高洛峰
Freigeben: 2017-03-19 11:57:48
Original
1220 Leute haben es durchsucht

jquery Detaillierte Erklärung der Ajax-Methode und jedes Parameters

1.$.ajax() hat nur einen Parameter: ParameterSchlüssel /value Objekt , einschließlich aller Konfigurations- und Rückruffunktionsinformationen .

Parameterliste:

Parametername Typ Beschreibung
URL String (Standard: aktuelle Seitenadresse) Die Adresse zum Senden der Anfrage.
Typ String (Standard: „GET“) Anforderungsmethode („POST“ oder „GET“) , der Standardwert ist „GET“. Hinweis: Andere HTTP-Anfragemethoden wie PUT und DELETE können ebenfalls verwendet werden, werden jedoch nur von einigen Browsern unterstützt.
Timeout Zahl Legen Sie das Anfrage-Timeout in Millisekunden fest. Diese Einstellung überschreibt die globale Einstellung.
asynchron Boolean (Standard: true) Standardmäßig sind alle Anfragen asynchrone Anfragen. Wenn Sie synchrone Anfragen senden müssen, legen Sie diese Option auf „false“ fest. Beachten Sie, dass eine synchrone Anfrage den Browser sperrt und der Benutzer warten muss, bis die Anfrage abgeschlossen ist, bevor andere Vorgänge ausgeführt werden können.
beforeSend Funktion Sie können die Funktion des XMLHttpRequest-Objekts vor dem Senden ändern die Anfrage, z. B. „Benutzerdefinierte HTTP-Header hinzufügen“. Das XMLHttpRequest-Objekt ist der einzige Parameter.
function (XMLHttpRequest) {

         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
Cache Boolean (Standard: true) jQuery 1.2 Neue Funktion, auf „false“ gesetzt und die Anforderungsinformationen werden nicht aus dem Browser--Cache geladen.
abgeschlossen Funktion Rückruffunktion nach Abschluss der Anfrage (wird aufgerufen, wenn die Anfrage erfolgreich ist oder fehlschlägt). Parameter: XMLHttpRequest-Objekt, Erfolgsinformationen Zeichenfolge .
function (XMLHttpRequest, textStatus) {

         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
contentType String

(Standard: "application/x-www -form-urlencoded") Inhaltskodierungstyp beim Senden von Informationen an den Server. Der Standardwert ist für die meisten Anwendungen geeignet. Teilen Sie dem Server das Format der vom Browser übermittelten Daten mit.

Zum Beispiel: Wenn wir beim Senden von Daten die Methode JSON.stringify(obj) in JSON2.js verwenden, wird nach der Formatierung in einen JSON-String beim Senden ein Fehler gemeldet die Daten standardmäßig. Zu diesem Zeitpunkt müssen Sie das übermittelte Inhaltsformat angeben als: „application/json“.

Daten Objekt,
String

Senden Daten an den Server.

Wenn DatenDatentyp JavaScript-Objekt oder Array ist, ruft Jquery automatisch die Methode JQuery.param() auf, um die Daten vor dem Absenden zu senden . Die Daten werden in Daten im Format „application/x-www-form-urlencoded“ codiert (dh das JavaScript-Objekt muss im Schlüssel/Wert-Format vorliegen; jQuery wird dies automatisch tun). entsprechen dem gleichen Namen für unterschiedliche Werte. Beispielsweise wird {foo:["bar1", "bar2"]} in '&foo=bar1&foo=bar2' konvertiert.

Wenn der Datentyp vom Typ String ist, werden die Daten standardmäßig direkt entsprechend verwendet Die Kodierung in das Format „application/x-www-form-urlencoded“ ist abgeschlossen und wird nicht konvertiert.

Die Option „processData“ kann steuern, ob eine Konvertierung durchgeführt werden soll. Diese Option ist standardmäßig auf „true“ eingestellt.

dataType String

预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {

         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
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
         }
Nach dem Login kopieren
Nach dem Login kopieren

2. jQuery.get(url, [data], [callback], [type]): Verwenden Sie die GET-Methode, um asynchrone Anfragen zu stellen.

Parameter:
url (String): Die URL-Adresse zum Senden der Anfrage.
Daten (Map): (Optional) Die an den Server zu sendenden Daten, ausgedrückt in Form von Schlüssel/Wert-Paaren.
Rückruf (Funktion): (optional) Rückruffunktion, wenn das Laden erfolgreich ist (diese Methode wird nur aufgerufen, wenn der Rückgabestatus der Antwort erfolgreich ist).
Typ (String): (optional) Die offizielle Beschreibung lautet: Typ der zu sendenden Daten. Tatsächlich sollte es der vom Client angeforderte Typ sein (JSON, XML usw.)

3. jQuery.post( url, [data], [callback], [type ] ): Verwenden Sie die POST-Methode, um asynchrone Anfragen zu stellen.

Parameter:
url (String): URL-Adresse zum Senden der Anfrage.
Daten (Map): (Optional) Daten, die an gesendet werden sollen Server, wobei Schlüssel/Wert als Schlüssel-Wert-Paar dargestellt wird.
Rückruf (Funktion): (optional) Rückruffunktion, wenn das Laden erfolgreich ist (diese Methode wird nur aufgerufen, wenn der Rückgabestatus der Antwort erfolgreich ist).
Typ (String): (optional) Die offizielle Beschreibung lautet: Typ der zu sendenden Daten. Tatsächlich sollte es der vom Client angeforderte Typ sein (JSON, XML usw.)

1.$.ajax() hat nur einen Parameter: Parameter-Schlüssel/Wert-Objekt, einschließlich jeder Konfiguration und Rückruffunktion Information.

Parameterliste:

Parametername Typ Beschreibung
URL String (Standard: aktuelle Seitenadresse) Die Adresse zum Senden der Anfrage.
Typ String (Standard: „GET“) Anforderungsmethode („POST“ oder „GET“) , der Standardwert ist „GET“. Hinweis: Andere HTTP-Anfragemethoden wie PUT und DELETE können ebenfalls verwendet werden, werden jedoch nur von einigen Browsern unterstützt.
Timeout Zahl Legen Sie das Anfrage-Timeout in Millisekunden fest. Diese Einstellung überschreibt die globale Einstellung.
asynchron Boolean (Standard: true) Standardmäßig sind alle Anfragen asynchrone Anfragen. Wenn Sie synchrone Anfragen senden müssen, legen Sie diese Option auf „false“ fest. Beachten Sie, dass synchrone Anfragen den Browser sperren und der Benutzer warten muss, bis die Anfrage abgeschlossen ist, bevor andere Vorgänge ausgeführt werden können.
beforeSend Funktion Funktion, die das XMLHttpRequest-Objekt vor dem Senden der Anfrage ändern kann, z. B. das Hinzufügen benutzerdefinierter HTTP-Header . Das XMLHttpRequest-Objekt ist der einzige Parameter.
function (XMLHttpRequest) {

         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
Cache Boolean (Standard: true) jQuery 1.2 neue Funktion, eingestellt auf false lädt die Anforderungsinformationen nicht aus dem Browser-Cache.
abgeschlossen Funktion Rückruffunktion nach Abschluss der Anfrage (wird aufgerufen, wenn die Anfrage erfolgreich ist oder fehlschlägt). Parameter: XMLHttpRequest-Objekt, Erfolgsinformationszeichenfolge.
function (XMLHttpRequest, textStatus) {

         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
contentType String

(Standard: "application/x-www -form-urlencoded") Inhaltskodierungstyp beim Senden von Informationen an den Server. Der Standardwert ist für die meisten Anwendungen geeignet. Teilen Sie dem Server das Format der vom Browser übermittelten Daten mit.

Zum Beispiel: Wenn wir beim Übermitteln von Daten die Methode JSON.stringify(obj) in JSON2.js verwenden, wird nach der Formatierung in einen JSON-String standardmäßig ein Fehler beim Übermitteln der Daten gemeldet. Zu diesem Zeitpunkt müssen Sie das übermittelte Inhaltsformat angeben als: „application/json“.

Daten Objekt,
String

An den Server gesendete Daten.

Wenn der Datentyp ein JavaScript-Objekt oder -Array ist, ruft Jquery automatisch die Methode JQuery.param() auf, um die zu sendenden Daten zuvor in das Datenformat „application/x-www-form-urlencoded“ zu kodieren Übermittlung (Das heißt, das JavaScript-Objekt muss im Schlüssel/Wert-Format vorliegen. Wenn es sich um ein Array handelt, entspricht jQuery automatisch demselben Namen für verschiedene Werte. Beispielsweise wird {foo:["bar1", "bar2"]} in '&foo=bar1&foo=bar2' konvertiert.

Wenn der Datentyp vom Typ String ist, werden die Daten standardmäßig direkt entsprechend übernommen Die Kodierung in das Format „application/x-www-form-urlencoded“ ist abgeschlossen und wird nicht mehr konvertiert.

Die Option „processData“ kann steuern, ob eine Konvertierung durchgeführt werden soll. Diese Option ist standardmäßig auf „true“ eingestellt.

dataType String

预期服务器返回的数据类型。设定HttpHeader中“Accept”域的内容,告诉服务器浏览器可以想要返回的数据格式类型,同时JQuery也会根据该类型对返回的数据进行处理。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。JQuery将返回的字符串格式数据自动转化为Javascript对象,便于直接使用obj.property格式访问。若没有指定该选项,即使返回的是JSON格式的字符串,JQuery也不会自动转换。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {

         // 通常情况下textStatus和errorThown只有其中一个有值 
         this; // the options for this ajax request
         }
Nach dem Login kopieren
Nach dem Login kopieren
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
         }
Nach dem Login kopieren
Nach dem Login kopieren

2. jQuery.get(url, [data], [callback], [type]):使用GET方式来进行异步请求.

参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Verwendung der JQuery-Ajax-Methode und der einzelnen Parameter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage