Beschreibung von Ajax-Ereignissen und Get- und Post-Anfragen in JQuery

1. jQuery Ajax-Ereignisse

Ajax-Anfragen generieren mehrere verschiedene Ereignisse, und wir können diese Ereignisse abonnieren und unsere Logik darin verarbeiten. In jQuery gibt es zwei Arten von Ajax-Ereignissen: lokale Ereignisse und globale Ereignisse.

Lokale Ereignisse werden innerhalb der Methode für jede Ajax-Anfrage definiert, zum Beispiel:

$.ajax({
 beforeSend: function(){
 // Handle the beforeSend event }, complete: function(){
 // Handle the complete event } // ... });

Globale Ereignisse werden für jede Ajax-Anfrage ausgelöst und an das DOM gesendet. Alle Elemente werden gesendet , und das im obigen getScript()-Beispiel geladene Skript ist das globale Ajax-Ereignis. Globale Ereignisse können wie folgt definiert werden:

$("#loading").bind("ajaxSend", function(){
 $(this).show();
 }).bind("ajaxComplete", function(){
 $(this).hide();
 });

oder:

$("#loading").ajaxStart(function(){
 $(this).show();
 });

Wir können globale Ereignisse in bestimmten Anfragen deaktivieren, legen Sie einfach die globale Option fest:

$.ajax({
 url: "test.html",
 global: false,// 禁用全局Ajax事件. // ... });

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 (Karte): (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.)

Dies ist eine einfache GET-Anfragefunktion, um die komplexe $.ajax zu ersetzen. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax. Beispielcode:

$.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){
 //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等. this; // 在这里this指向的是Ajax请求的选项配置信息;
 //alert(textStatus);//请求状态：success，error等等。
 当然这里捕捉不到error，因为error的时候根本不会运行该回调函数 //alert(this); });

Klicken Sie hier, um eine Anfrage zu senden:

Dies in der Rückruffunktion jQuery.get() verweist auf die Optionskonfigurationsinformationen der Ajax-Anfrage

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

Parameter:

url (String): URL-Adresse an Senden Sie die Anfrage.

Daten (Karte): (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.)

Dies ist eine einfache POST-Anfragefunktion, um die komplexe $.ajax zu ersetzen. Die Callback-Funktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.ajax. Beispielcode:

Ajax.aspx:

Response.ContentType = "application/json";
 Response.Write("{result: '" + Request["Name"] + ",你好！(这消息来自服务器)'}");

jQuery-Code:

$.post("Ajax.aspx", { Action: "post", Name: "lulu" },
 function (data, textStatus){
 // data 可以是 xmlDoc, jsonObj, html, text, 等等. //this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this alert(data.result);
 }, "json");

Zum Senden klicken:

Hier wird das Anforderungsformat festgelegt auf „json“:

Wenn Sie das Anforderungsformat auf „json“ setzen und den von Response zurückgegebenen ContentType nicht auf: Response.ContentType = „application/json“ setzen, ist dies nicht möglich Erfassen Sie die Rückgabedaten.

Hinweis: warning(data.result); Da der Accept-Header auf „json“ gesetzt ist, handelt es sich bei den hier zurückgegebenen Daten um ein Objekt und es besteht keine Notwendigkeit, eval() zu verwenden. um es in ein Objekt umzuwandeln.

Das obige ist der detaillierte Inhalt vonBeschreibung von Ajax-Ereignissen und Get- und Post-Anfragen in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!