Heim > Artikel > Web-Frontend > So implementiert JQuery die Ajax-Technologie 1: $.ajax()
Ajax-Technologie ist in der Webentwicklung sehr wichtig. Wenn Sie in frühen js den Effekt der asynchronen Übertragung vervollständigen müssen, müssen Sie den Browser beurteilen, virtuell auf Dateien zugreifen, überwachen, Rückgabewerte abrufen und eine Reihe sehr langwieriger Vorgänge ausführen. Aber jQuery stellt uns mehrere sehr einfache Funktionen zur Verfügung, mit denen wir Ajax-Funktionen einfach implementieren können. In den nächsten Artikeln werden wir diese Funktionen einzeln vorstellen.
Zuerst stellen wir $.ajax vor. Diese Methode ist die zugrunde liegende AJAX-Implementierung von jQuery.
Die übliche Syntax lautet:
$.ajax([settings])//settings ist der Parameter der $.ajax()-Methode und eine Sammlung von Schlüssel-Wert-Paaren, die zum Konfigurieren von Ajax-Anfragen verwendet werden.
Lassen Sie uns nacheinander einige der wichtigeren Parameter in $.ajax() einführen
URL – die Adresse zum Senden der Anfrage
Typ – Anfragemethode („POST“ oder „GET“) )
timeout---Stellen Sie das Anfrage-Timeout (Millisekunden) ein.
async---(Standard: true) asynchrone Anfrage.
Daten---Die gesendeten Parameter können vom Typ JSON sein
Datentyp---Zurückgegebener Datentyp: xml, html, json, txt
Erfolg---funktion(daten,st) kann danach zurückgegeben werden Erfolg {}
Tatsächliche Beispiele sind wie folgt:
================================== === ========================
ajax.html
$(document).ready(function( ) {
$('#bot_1').click(function(){
$.ajax({
) Typ: "POST",
URL: "ajax.php",
Daten: {web:"mysql100"},
success:function(data, st){$("div").html( Daten) ;}
; 🎜>