Zusammenfassung der relevanten Wissenspunkte zu Ajax in jQuery

 // IE9 und höher // ​​const xhr = new XMLHttpRequest()
 // IE9 und darunter // const xhr = new ActiveXObject('Mricosoft.XMLHTTP')

 // Für diese kompatible Schreibmethode können wir eine Funktion verwenden, um die Funktion createXHR() { zu kapseln.
 var req = null;
 wenn (Fenster.XMLHttpRequest) {
 // Wenn Sie dieses XMLHttpRequest-Objekt haben, verwenden Sie einfach req = new XMLHttpRequest();
 } anders {
 // Andernfalls verwenden Sie die Methode IE8 oder höher req = new ActiveXObject("Microsoft.XMLHTTP");
 }
 Rückgabeanforderung;
 }
 // Schritt 1: Ein Ajax-Objekt erstellen var xhr = createXHR(); // So erhältst du ein Ajax-Objekt // Schritt 2: Netzwerkanforderungsinformationen konfigurieren xhr.open('get', './demo.php', true)
 // xhr.open('get/post', 'An welche Adresse möchten Sie die Netzwerkanfrage senden', synchron oder asynchron, der Standardwert ist true für asynchron und false für synchron)
 // Wenn die Get-Anfrage Parameter hat, müssen diese nach der Adresse aneinandergereiht werden, zum Beispiel './demo.php?id=2&name=sanqi'
 // Wenn es sich um eine Post-Anfrage handelt, sollten die Parameter in send() eingefügt werden, zum Beispiel: xhr.send('id=2&name=sanqi')
 // Schritt 3: Netzwerkanfrage senden xhr.send() //
 // Teil 4: Bestimmen Sie den Antwortstatus und holen Sie die Daten ab xhr.onreadyStateChange = function () {
 // Dieses Ereignis wird jedes Mal ausgelöst, wenn sich der readyState ändert // Wir prüfen hier, ob der Wert von readyState 4 ist
 // Und der HTTP-Statuscode ist 200 ~ 299
 wenn (xhr.readyState === 4 && /^2\d{2|$/.test(xhr.status)) {
 // Dies bedeutet, dass die Überprüfung bestanden wurde. // Wir können den Inhalt der Antwort vom Server abrufen. console.log(xhr.response);
 }
 }

<?php
Header('Inhaltstyp:Text/HTML;Zeichensatz=utf-8;');
 $id = $_REQUEST['id'];
 $name = $_REQUEST['name'];
 $arr = [
 'id' => $id,
 'Name' => $Name
 ];
 echo json_encode($arr);
?>

  $.get('./test.php','id=999&name=Neuer Eintrag',function (res) { 
  //Der erste Parameter ist die angeforderte Adresse //Der zweite Parameter sind die Daten, die an den Server gesendet werden sollen //Der dritte Parameter ist die Rückruffunktion bei Erfolg, die die vom Dienst zurückgegebenen Daten enthält //Der vierte Parameter ist das Datenformat, das wir erhalten möchten: Es gibt mehrere Optionen: json, text, html, xml, script
  konsole.log(res);
  },'json')

	 $.post('./test.php',{id:123,name:'Post-Anfrage'},Funktion (res) { 
	 //Die anderen Parameter hier sind dieselben wie bei der Get-Anfrage //Beachten Sie, dass ich die Übertragungsdaten hier im Objektformat schreibe und die Anfrage erfolgreich gesendet werden kann, d. h. //Unabhängig davon, ob es sich um eine Get-Anfrage oder eine Post-Anfrage handelt, können Sie entweder das Zeichenfolgenformat oder das Objektformat verwenden, wenn Sie Daten an den Server senden möchten console.log(res);
  },'json')

 // Verwenden Sie die Methode $.ajax // Sie akzeptiert nur einen Parameter, nämlich ein Objekt. Dieses Objekt führt alle Konfigurationen für die aktuelle Anfrage aus. $.ajax({
  url: './ajax', // Erforderlich, angeforderter Adresstyp: 'GET', // Optional, Anforderungsmethode, Standard ist GET (Groß-/Kleinschreibung ignorieren)
  data: {}, // Optional, der Parameter, der beim Senden der Anfrage mitgeführt werden soll dataType: 'json', // Optional, der Datentyp des erwarteten Rückgabewerts, der Standard ist String
  async: true, // Optional, ob asynchroner Betrieb aktiviert werden soll, Standard ist true
  success() {}, // Optional, Rückruffunktion für Erfolg error() {}, // Optional, Rückruffunktion für Fehler cache: true, // Optional, ob zwischengespeichert werden soll, Standard ist true
  Kontext: div, // Optional, dies zeigt auf die Rückruffunktion, der Standard ist das Ajax-Objekt Status: {}, // Optional, führe die Funktion entsprechend dem entsprechenden Statuscode aus Timeout: 1000, // Optional, Timeout-Ereignis })

$.ajax({
  Typ: "get",
  URL: "./test.php",
  Daten: {
   Ich würde:000,
   Name: „Demo zum Senden einer $.ajax-Anfrage“
  },
  Datentyp: "json",
  Erfolg: Funktion (Antwort) {
   console.log(Antwort);
  }
  });

$(Fenster).ajaxStart(Funktion () {
 console.log('Eine Anfrage wurde gestartet')
})

$(Fenster).ajaxSend(Funktion () {
 console.log('Eines wird gerade gesendet')
})

$(Fenster).ajaxSuccess(Funktion () {
 console.log('Eine Anfrage war erfolgreich')
})

$(Fenster).ajaxError(Funktion () {
 console.log('Eine Anfrage ist fehlgeschlagen')
})

$(Fenster).ajaxComplete(Funktion () {
 console.log('Eine Anfrage wurde abgeschlossen')
})

$(Fenster).ajaxStop(Funktion () {
 console.log('Eine Anfrage ist beendet')
})