Heim > Web-Frontend > js-Tutorial > Hauptteil

Wertübergabetests und Vorsichtsmaßnahmen für Get- und Post-Methoden in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:40:07
Original
1122 Leute haben es durchsucht

Jeder, der jQuery verwendet, weiß, dass die get- und post-Methoden von jQuery drei Parameter haben: Adresse, Daten und Rückruffunktion, aber wir wissen, dass die Adresse auch den Daten folgen kann (in der Form: get_data.php?v1=1&v2=2). ), Und der zweite Parameter kann weggelassen werden, das heißt, der zweite Parameter kann direkt in die Rückruffunktion geschrieben werden. Was ist also der Unterschied zwischen dem Schreiben von Daten nach der Adresse und dem Schreiben in den Datenparameter?
Ich habe gerade ein paar Experimente durchgeführt und es wird klar, wenn Sie sich den folgenden Code ansehen:
Der folgende Inhalt erfordert eine Antwort, um angezeigt zu werden

jquery_data.php

echo "post: ";
print_r($_POST);
echo "get: ";
print_r($_GET);
?>
Nach dem Login kopieren

jquery_test.html

Experiment 1:

$(function() {
// post 方法,两处都有数据
$.post('jquery_data.php?v1=1', {v2: 2}, function(data) {
$('
').append(data).appendTo('body');
});
});
Nach dem Login kopieren

Ergebnisse zurückgeben:

post: Array
(
[v2] => 2
)
get: Array
(
[v1] => 1
)
Nach dem Login kopieren

Experiment 2:

$(function()
{
// post 方法,数据在地址后面, 第二个参数为回调函数
$.post('jquery_data.php?v1=1', function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
Nach dem Login kopieren

Das Ergebnis zurückgeben, die Daten sind in get:

post: Array
(
)
get: Array
(
[v1] => 1
)
Nach dem Login kopieren

Experiment 3:

$(function()
{
// get 方法,用 data 参数传值
$.get('jquery_data.php', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
Nach dem Login kopieren

Das Ergebnis zurückgeben, die Daten sind in get:

post: Array
(
)
get: Array
(
[v2] => 2
)
Nach dem Login kopieren
Nach dem Login kopieren

Experiment 4:

$(function()
{
// get 方法,两处都有数据
$.get('jquery_data.php&#63;v1=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
Nach dem Login kopieren

Das Ergebnis zurückgeben, die beiden Daten werden zusammengeführt, beide in get:

post: Array
(
)
get: Array
(
[v1] => 1
[v2] => 2
)
Nach dem Login kopieren

Experiment 5:

$(function()
{
// get 方法,两处都有数据,且变量名相同
$.get('jquery_data.php&#63;v2=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});
Nach dem Login kopieren

Gibt das Ergebnis zurück, die Daten sind in Get und die Daten im Datenparameter decken die Daten nach der Adresse ab:

post: Array
(
)
get: Array
(
[v2] => 2
)
Nach dem Login kopieren
Nach dem Login kopieren

Anhand dieser einfachen Beispiele ist es nicht schwer zu erkennen, dass die Daten hinter der Adresse immer in Form von get übertragen werden, unabhängig davon, ob die get-Methode oder die post-Methode verwendet wird und die Daten im Datenparameter sind entsprechend der Methode übertragen.

Um Verwirrung zu vermeiden, wird daher empfohlen, dass Sie versuchen, die Daten nicht nach der Adresse zu schreiben, sondern sie einheitlich im Datenparameter zu platzieren.

Wenn Sie get zum Übergeben von Werten bei Verwendung der Post-Methode verwenden möchten, können Sie natürlich die in der Get-Methode zu übergebenden Daten nach der Adresse und die in der Post-Methode zu übergebenden Daten schreiben im Datenparameter.

Kurz gesagt, Methoden sind tot und die Menschen leben. Wie man sie anwendet, hängt von der tatsächlichen Situation ab. Zi sagte einmal: „Übung ist das einzige Kriterium, um die Wahrheit zu prüfen.“ Machen Sie Experimente, wenn Sie nichts zu tun haben, und beherrschen Sie das Wissen besser.

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