Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der $.ajax-Methode in jquery zum Senden von form_jquery

Detaillierte Erläuterung der $.ajax-Methode in jquery zum Senden von form_jquery

WBOY
Freigeben: 2016-05-16 16:32:12
Original
1284 Leute haben es durchsucht

Code kopieren Der Code lautet wie folgt:

Funktion postdata(){                                                                                                                        $.ajax({                                                                                                             Geben Sie ein: „Post“, // Legen Sie die Form der Ajax-Methode zum Senden von Daten fest
         URL: "ok.php",                                                                                                                                                                                                  ; data: "writer=" $("#writer").val(), //Der Wert im Eingabefeld Writer wird als übermittelte Daten
verwendet Erfolg: function(msg){ //Rückruf nach erfolgreicher Übermittlung, die msg-Variable ist der von ok.php ausgegebene Inhalt.
Alert („Erfolgreiche Datenübermittlung“); // Bei Bedarf können Sie den Wert der MSG-Variablen einem DIV-Element anzeigen
                                                                        });
}



Jquery-Handbuchbeschreibung:
Daten Die an den Server gesendeten Daten. Wird automatisch in das Anforderungszeichenfolgenformat konvertiert. Wird in GET-Anfragen an die URL angehängt. Informationen zum Deaktivieren dieser automatischen Konvertierung finden Sie in der Beschreibung der ProcessData-Option. Muss im Schlüssel/Wert-Format vorliegen. 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.
Beispiel:



Code kopieren

Der Code lautet wie folgt: $.ajax({ Geben Sie ein: „POST“,
URL: „some.php“,
Daten: „name=John&location=Boston“,
Erfolg: function(msg){
warning( „Daten gespeichert:“ msg ); }  
});



Die hier auf die Daten folgenden Parameter können in zwei Formen geschrieben werden: Eine wird auf die gleiche Weise wie gewöhnliche URL-Parameter geschrieben und die andere wird in ein JSON-Array geschrieben,
Der Datenteil des obigen Beispiels kann auch so geschrieben werden: data: {name: „John“, location: „Boston“}. Was ist der Unterschied zwischen diesen beiden Verwendungen?
Heute habe ich die subtilen Unterschiede in der Verwendung zwischen den beiden während der Entwicklung entdeckt. Die erste Methode besteht darin, die URL zum Übergeben von Parametern zu verwenden. Wenn den Parametern das Symbol „&“ hinzugefügt wird, werden die Parameter möglicherweise nicht empfangen oder sind unvollständig, z. B. „Daten: „Name=John&Standort=Boston“, „ Wenn der Wert von name „john&smith“ ist, kann es zu Problemen kommen, wenn Sie ihn so schreiben. Wir können die Methode encodeURIComponent() in JS verwenden, um zu maskieren,


Aber wenn Sie es auf diese Weise schreiben: {name:"John",location:"Boston"}, müssen Sie es nicht maskieren. Wenn Sie es maskieren, erhalten Sie die maskierte Zeichenfolge

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