Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Parameter der Methode $.ajax() in Jquery

Detaillierte Erläuterung der Parameter der Methode $.ajax() in Jquery

亚连
亚连Original
2018-05-24 15:28:001865Durchsuche

Dieser Artikel ist meine tägliche Zusammenstellung detaillierter Erklärungen zu den Parametern von jquery ajax(). Da es in der jquery ajax-Methode viele Parameter gibt, ist es etwas schwierig, sie mit Ihrem Gehirn zu merken. Im Folgenden werde ich den Inhalt organisieren und teilen auf der Website als Referenz

Wie das Sprichwort sagt, ist ein gutes Gedächtnis nicht so gut wie ein schlechter Stift. Im Folgenden finden Sie eine detaillierte Erklärung der Parameter der Ajax-Methode in JQuery.

1.url:

erfordert einen Parameter vom Typ String (Standard ist die aktuelle Seitenadresse), um die Anforderungsadresse zu senden.

2.type:

erfordert Parameter vom Typ String und die Anforderungsmethode (post oder get) ist standardmäßig get. Beachten Sie, dass auch andere HTTP-Anfragemethoden wie Put und Delete verwendet werden können, diese jedoch nur von einigen Browsern unterstützt werden.

3.timeout:

erfordert einen Parameter vom Typ Zahl und legt das Anforderungszeitlimit (Millisekunden) fest. Diese Einstellung überschreibt die globale Einstellung der Methode $.ajaxSetup().

4.async:

erfordert Parameter vom Typ Boolean. Die Standardeinstellung ist true. Alle Anfragen sind 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.

5.cache:

erfordert Parameter vom Typ Boolean, der Standardwert ist true (wenn dataType ein Skript ist, ist der Standardwert false). Wenn Sie ihn auf false setzen, wird die Anforderung nicht aus dem Browser-Cache geladen Information.

6.data:

erfordert Parameter vom Typ Objekt oder String, Daten werden an den Server gesendet. Wenn es sich nicht um eine Zeichenfolge handelt, wird sie automatisch in das Zeichenfolgenformat konvertiert. Die Get-Anfrage wird an die URL angehängt. Um diese automatische Konvertierung zu verhindern, können Sie die Option „processData“ anzeigen. Das Objekt muss im Schlüssel/Wert-Format vorliegen, zum Beispiel wird {foo1:"bar1",foo2:"bar2"} in &foo1=bar1&foo2=bar2 konvertiert. Wenn es sich um ein Array handelt, weist JQuery verschiedenen Werten automatisch denselben Namen zu. Beispielsweise wird {foo:["bar1","bar2"]} in &foo=bar1&foo=bar2 konvertiert.

7.dataType:

erfordert Parameter vom Typ String und wird voraussichtlich der vom Server zurückgegebene Datentyp sein. Wenn nicht angegeben, gibt JQuery automatisch ResponseXML oder ResponseText basierend auf den MIME-Informationen des http-Pakets zurück und übergibt sie als Callback-Funktionsparameter. Die verfügbaren Typen sind wie folgt:
xml: Gibt ein XML-Dokument zurück, das mit JQuery verarbeitet werden kann.
html: Gibt reine Text-HTML-Informationen zurück; das enthaltene Skript-Tag wird ausgeführt, wenn es in das DOM eingefügt wird.
Skript: Gibt JavaScript-Code im Klartext zurück. Ergebnisse werden nicht automatisch zwischengespeichert. Es sei denn, Cache-Parameter sind festgelegt. Beachten Sie, dass bei Remote-Anfragen (nicht unter derselben Domain) alle Post-Anfragen in Get-Anfragen umgewandelt werden.
json: Gibt JSON-Daten zurück.
jsonp: JSONP-Format. Wenn Sie eine Funktion mit dem SONP-Formular aufrufen, z. B. myurl?callback=?, ersetzt JQuery automatisch das letzte „?“ durch den richtigen Funktionsnamen, um die Rückruffunktion auszuführen.
text: Gibt eine einfache Textzeichenfolge zurück.

8.beforeSend:

erfordert Parameter vom Typ Funktion. Sie können die Funktion des XMLHttpRequest-Objekts ändern, bevor Sie die Anforderung senden, z. B. einen benutzerdefinierten HTTP-Header hinzufügen. Wenn in beforeSend false zurückgegeben wird, kann diese Ajax-Anfrage abgebrochen werden. Das XMLHttpRequest-Objekt ist der einzige Parameter.
function(XMLHttpRequest){
this; //Der beim Aufruf dieser Ajax-Anfrage übergebene Optionsparameter
}

9.complete:

erfordert Parameter von Funktionstyp, Rückruffunktion, die nach Abschluss der Anforderung aufgerufen wird (wird aufgerufen, wenn die Anforderung erfolgreich ist oder fehlschlägt). Parameter: XMLHttpRequest-Objekt und eine Zeichenfolge, die den erfolgreichen Anforderungstyp beschreibt.
                                                                                                                                       Die später aufgerufene Callback-Funktion hat zwei Parameter.

(1) Vom Server zurückgegebene und gemäß dem dataType-Parameter verarbeitete Daten.

(2) Eine Zeichenfolge, die den Status beschreibt.

function(data, textStatus){

>

11.error:

Erfordert Parameter vom Typ Funktion, die Funktion, die aufgerufen werden soll, wenn die Anfrage fehlschlägt. Diese Funktion verfügt über drei Parameter, nämlich das XMLHttpRequest-Objekt, die Fehlermeldung und das erfasste Fehlerobjekt (optional). Die Ajax-Ereignisfunktion lautet wie folgt:
function(XMLHttpRequest, textStatus, errorThrown){
//Normalerweise enthält nur einer von textStatus und errorThrown Informationen
this; //Die beim Aufruf dieser Ajax-Anfrage übergebenen Optionsparameter
     }

12.contentType:

erfordert einen Parameter vom Typ String. Beim Senden von Informationen an den Server ist der Inhaltskodierungstyp standardmäßig „application/x-www-form-urlencoded“. " . Dieser Standardwert ist für die meisten Anwendungen geeignet.

13.dataFilter:

erfordert Parameter vom Typ „Funktion“, einer Funktion, die die von Ajax zurückgegebenen Originaldaten vorverarbeitet. Geben Sie zwei Parameter an: Daten und Typ. Daten sind die von Ajax zurückgegebenen Originaldaten und Typ ist der dataType-Parameter, der beim Aufruf von jQuery.ajax bereitgestellt wird. Der von der Funktion zurückgegebene Wert wird von jQuery weiterverarbeitet.
Funktion (Daten, Typ) {
// Die Daten nach der Rückgabeverarbeitung
Rückgabedaten;

14.DataFilter:

Anforderung als Funktion Typparameter, eine Funktion zur Vorverarbeitung der von Ajax zurückgegebenen Originaldaten. Geben Sie zwei Parameter an: Daten und Typ. Daten sind die von Ajax zurückgegebenen Originaldaten und Typ ist der dataType-Parameter, der beim Aufruf von jQuery.ajax bereitgestellt wird. Der von der Funktion zurückgegebene Wert wird von jQuery weiterverarbeitet.

                                                                                                                                                                                >Muss ein boolescher Parametertyp sein, der Standardwert ist „true“. Gibt an, ob das globale Ajax-Ereignis ausgelöst werden soll. Bei der Einstellung „false“ werden keine globalen Ajax-Ereignisse ausgelöst. AjaxStart oder ajaxStop können zur Steuerung verschiedener Ajax-Ereignisse verwendet werden.

16.ifModified:

erfordert einen booleschen Typparameter und der Standardwert ist false. Erhalten Sie neue Daten nur, wenn sich Serverdaten ändern. Die Grundlage für die Ermittlung von Serverdatenänderungen sind die Header-Informationen „Last-Modified“. Der Standardwert ist false, was bedeutet, dass Header-Informationen ignoriert werden.

17.jsonp:

erfordert Parameter vom Typ String und schreibt den Namen der Callback-Funktion in einer JSONP-Anfrage neu. Dieser Wert wird verwendet, um den „Callback“-Teil des URL-Parameters in einer GET- oder POST-Anfrage zu ersetzen, z. B. „callback=?“ führt dazu, dass „onJsonPLoad=?“ übergeben wird Der Server.

18.Benutzername:

erfordert einen Parameter vom Typ String, bei dem es sich um den Benutzernamen handelt, der zur Beantwortung der HTTP-Zugriffsauthentifizierungsanforderung verwendet wird.

19.password:

erfordert einen Parameter vom Typ String, bei dem es sich um das Passwort handelt, das zur Beantwortung der HTTP-Zugriffsauthentifizierungsanforderung verwendet wird.

20.processData:

erfordert einen booleschen Typparameter und der Standardwert ist true. Standardmäßig werden die gesendeten Daten in ein Objekt (technisch gesehen keine Zeichenfolge) konvertiert, um dem Standardinhaltstyp „application/x-www-form-urlencoded“ zu entsprechen. Wenn Sie DOM-Bauminformationen oder andere Informationen senden möchten, die Sie nicht konvertieren möchten, setzen Sie diese bitte auf „false“.

21.scriptCharset:

muss ein String-Typ-Parameter sein. Er wird verwendet, um die Änderung des Zeichensatzes nur dann zu erzwingen, wenn der Datentyp „jsonp“ oder „script“ ist Die Anfrage und der Typ sind GET (Zeichensatz). Wird normalerweise verwendet, wenn die lokalen und Remote-Inhaltskodierungen unterschiedlich sind.

Fallcode:

$(function(){
  $('#send').click(function(){
     $.ajax({
       type: "GET",
       url: "test.json",
       data: {username:$("#username").val(), content:$("#content").val()},
       dataType: "json",
       success: function(data){
             $('#resText').empty();  //清空resText里面的所有内容
             var html = ''; 
             $.each(data, function(commentIndex, comment){
                html += &#39;<p class="comment"><h6>&#39; + comment[&#39;username&#39;]
                     + &#39;:</h6><p class="para"&#39; + comment[&#39;content&#39;]
                     + &#39;</p></p>&#39;;
             });
             $(&#39;#resText&#39;).html(html);
           }
     });
  });
});

$.ajax-Verifizierungs-Login:

 <script type="text/javascript" language="javascript">
    function IbtnEnter_onclick() {
      checklogin();
      return false;
    }
    function checklogin() {
      if ($("#TxtUserName").val() == "") {
        alert("用户名不能为空!");
        $("#TxtUserName").focus();
        return false;
      }
      if ($("#TxtPassword").val() == "") {
        alert("密码不能为空!");
        $("#TxtPassword").focus();
        return false;
      }
      $.ajax({
        type: "POST",
        url: "ajax/Handler.ashx?M=" + Math.random(),
        data: "username=" + $("#TxtUserName").val().toString() + "&pwd=" + $("#TxtPassword").val().toString(),
        success: function (data) {
          if (data == "1") {
            location.href = "index.aspx";
            return true;
          }
          else {
            alert("请确认您输入的用户名或密码输入是否正确!");
            $("#TxtUserName").val("");
            $("#TxtPassword").val("");
            $("#TxtUserName").focus();
            return false;
          }
        }
      })
    }
  </script>

Allgemeine Verarbeitungsverfahren

<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
using System.Data.SqlClient;
using System.Web.SessionState;//继承接口IReadOnlySessionState需要引入的命名空间
public class Handler : IHttpHandler, IRequiresSessionState
{
  SqlHelper helper = new SqlHelper();
  public void ProcessRequest(HttpContext context)
  {
    context.Response.ContentType = "text/plain";
    string username = context.Request.Params["username"].ToString().Trim();
    string pwd = context.Request.Params["pwd"].ToString().Trim();
    if (username != "" && pwd != "")
    {
      string sql = @"SELECT * FROM [USER] WHERE USERNAME=&#39;"+username+"&#39; AND PASSWORD=&#39;"+pwd+"&#39; ";
      if (!helper.Exists(sql))
      {
        context.Response.Write("0");
      }
      else
      {
        SqlDataReader reader = helper.ExecuteReader(sql);
        while (reader.Read())
        {
          context.Response.Write("1");
          context.Session["username"] = username.ToString().Trim();
          context.Session["pwd"] = pwd.ToString().Trim();
        }
      }
    }
  }
  public bool IsReusable
  {
    get
    {
      return false;
    }
  }
}

Das Obige habe ich für alle zusammengestellt, ich hoffe, dass es klappt in Zukunft für alle nützlich sein. Hilfreich. Verwandte Artikel:

Lösung zur Verhinderung des wiederholten Sendens von Ajax-Anfragen

Analyse der Reihenfolge der zurückgegebenen Daten in Ajax Anfragen


SSH Online Mall verwendet Ajax, um die asynchrone Überprüfung des Benutzernamens abzuschließen


Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Parameter der Methode $.ajax() in Jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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