Heim > Web-Frontend > js-Tutorial > Lassen Sie uns über unsere Ansichten und unser Verständnis der Ajax-Formularübermittlung sprechen

Lassen Sie uns über unsere Ansichten und unser Verständnis der Ajax-Formularübermittlung sprechen

亚连
Freigeben: 2018-05-23 11:31:14
Original
1854 Leute haben es durchsucht

Ajax, asynchrone Anfrage. Durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund kann AJAX die Webseite asynchron aktualisieren. In diesem Artikel werde ich über meine Ansichten und mein Verständnis der Ajax-Formularübermittlung sprechen. Interessierte Freunde können gemeinsam

Ajax (Ajax-Entwicklung)

lernen

AJAX steht für „Asynchronous Javascript And XML“ (Asynchronous JavaScript and XML) und bezeichnet eine Webentwicklungstechnologie zur Erstellung interaktiver Webanwendungen.

AJAX = Asynchrones JavaScript und XML (eine Teilmenge der Standard Universal Markup Language).

AJAX ist eine Technologie zur Erstellung schneller, dynamischer Webseiten.

AJAX ermöglicht die asynchrone Aktualisierung von Webseiten durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Ich lerne schon seit langem Code, aber ich verwende Ajax später mehr darüber. Das Folgende ist meine Meinung und mein Verständnis von Ajax als neuer Ajax-Benutzer.

Ajax, asynchrone Anfrage. Durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund kann AJAX die Webseite asynchron aktualisieren. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Ich habe kürzlich die Ajax-Formularübermittlung getestet. Es gibt zwei Arten der Formularübermittlung: Post und Get. Obwohl GET im Vergleich zu POST einfacher und schneller ist, funktioniert es .

Die Verwendung von POST-Anfragen ist jedoch in den folgenden Situationen effizienter:

1. Zwischengespeicherte Dateien können nicht verwendet werden (Aktualisierung von Dateien oder Datenbanken auf dem Server)

2 .Senden große Datenmengen an den Server (POST hat keine Datenbeschränkung)

3. Beim Senden von Benutzereingaben mit unbekannten Zeichen ist POST stabiler und zuverlässiger als GET

$get-Methode sendet das Formular

get()-Methode lädt Informationen über eine Remote-HTTP-GET-Anfrage

Format

$(selector).get(url,data,success(response,status,xhr),dataType)
Nach dem Login kopieren

Zum Beispiel:

Fordern Sie die Webseite demo.php an, senden Sie 2 Parameter, ignorieren Sie den Rückgabewert:

$.get("demo.php", { name: "John", time: "2pm" } );

demo.php ist die URL-Adresse zum Senden der Anfrage

{ Name: „John“, Zeit: „14 Uhr“ } Die Daten, die an den Server gesendet werden sollen.

$POST-Methode zum Absenden des Formulars

$.post

jQuery.post( url, [data], [callback], [ Typ]: Verwenden Sie die POST-Methode, um eine asynchrone Anfrage auszuführen.

Parameter:

URL (String): URL-Adresse zum Senden der Anfrage.

Daten (Karte): (optional ) Daten, die an den Server gesendet werden sollen, in Schlüssel/Wert-Darstellung in Form von Schlüssel-Wert-Paaren.

Rückruf (Funktion): (optional) Rückruffunktion, wenn das Laden erfolgreich ist (diese Methode wird nur aufgerufen, wenn der Rückgabestatus der Antwort erfolgreich ist).

Zum Beispiel ist der bei der Registrierung verwendete Bestätigungscode

<script type="text/javascript">
function redirect(url) {
location.href = url;
}
$("#code_btn").click(function(){
var tel = $("#username").val();
if(tel == ""){
alert("请输入正确的手机号码作为账号进行注册");
$("#username").focus();
return false;
}
if(!(/^1[3|4|5|8|7][0-9]\d{4,8}$/.test(tel))){
alert("请使用正确的手机号码作为账号进行注册!");
$("#username").focus();
return false;
};
var codeNum = $("#code").val();
$.post( &#39;{APP_PATH}index.php?m=member&c=index&a=public_send_message&#39;, {tel:tel,codeNum:codeNum}, function(result){
// console.log(result);
})
timep(60);
});
function timep(j){
$("#code_btn").attr(&#39;disabled&#39;,"true");
$("#code_btn").val(j+"秒");
time=setInterval(function(){
j=j-1;
$("#code_btn").val(j+"秒");
if(j==0){
$("#code_btn").removeAttr(&#39;disabled&#39;);
clearInterval(time);
j=60;
$("#code_btn").val("点击获取验证码");
}
},1000);
}
</script>
Nach dem Login kopieren

APP_PATH}index.php?m=member&c=index&a=public_send_message die URL-Adresse zum Senden der Anfrage

{tel: tel,codeNum:codeNum} sind die an den Server zu sendenden Daten, ausgedrückt in Form von Schlüssel/Wert-Paaren.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Kartenbeispielcode über Datenbank und Ajax-Methode schreiben

Ajax ruft Daten über den Städtenamen ab

Implementierung der AJAX-Anforderungswarteschlange

Das obige ist der detaillierte Inhalt vonLassen Sie uns über unsere Ansichten und unser Verständnis der Ajax-Formularübermittlung sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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