Heim Web-Frontend js-Tutorial Ajax_POST-Übermittlung

Ajax_POST-Übermittlung

Jun 29, 2018 pm 02:57 PM

Ajax_POST-Übermittlung

* $_post(): jquery verarbeitet Post-Anfragen in Ajax

* Grundlegende Syntax: $.post(url, data, success, dataType)

* Parameterbeschreibung:

* URL: angeforderte Adresse

* Daten: Daten, die an den Server gesendet werden müssen

* Erfolg (Daten, Status, xhr): Ausführung Erfolgreiche Callback-Funktion,

* Callback-Parameter: 1.data: Vom Server zurückgegebene Daten

* 2.status: Status der aktuellen Anfrage

* 3.xhr : Ajax-Objekt

* Normalerweise kümmern wir uns nur um die zurückgegebenen Daten: data

* dataType: Format der vom Server zurückgegebenen Daten

* xml, html, script, json , text , _default

* Normalerweise „json“, das weggelassen und automatisch vom System ermittelt werden kann

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4.Ajax_POST</title>
</head>
<body>
<form action="api/check.php" method="post">
<fieldset>
<legend>用户登录</legend>
<p>
<label for="email">邮箱:</label>
<input type="email" name="email" id="email">
</p>
<p>
<label for="password">邮箱:</label>
<input type="password" name="password" id="password">
</p>
<p>
<button>登录</button>
<span id="tips" style="font-size:1.2em;font-weight: bolder;color:red"></span>
</p>
</fieldset>
</form>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(&#39;button:first&#39;).click (function(){
//1.ajax-post提交的地址
var url = &#39;api/user.php?m=login&#39;
//2.要提交到服务器的数据
var data = {
"email": $(&#39;#email&#39;).val(),
"password": $(&#39;#password&#39;).val()
}
//3.设置执行成功的回调函数
var success = function(res){
if (res == &#39;1&#39;) {
$(&#39;#tips&#39;).text(&#39;登录成功,正在跳转中...&#39;)
setTimeout(function(){
location.href = &#39;api/index.php&#39;
},2000)
} else {
$(&#39;#tips&#39;).text(&#39;邮箱或密码错误,请重新输入...&#39;)
$(&#39;#email&#39;).focus()
setTimeout("$(&#39;#tips&#39;).empty()",2000)
}
}
//4.设置返回的数据格式为:json
var dataType = &#39;json&#39;
//5.调用全局函数$.post()执行post请求
$.post(url, data, success, dataType)
/**简化代码,将参数值直接写到参数中
$.post(
&#39;api/user.php?m=login&#39;,
{
"email": $(&#39;#email&#39;).val(),
"password": $(&#39;#password&#39;).val()
}, 
function(data){
if (data == &#39;1&#39;) {
$(&#39;#tips&#39;).text(&#39;登录成功,正在跳转中...&#39;)
setTimeout(function(){
location.href = &#39;api/index.php&#39;
},2000)
} else {
$(&#39;#tips&#39;).text(&#39;邮箱或密码错误,请重新输入...&#39;)
$(&#39;#email&#39;).focus()
setTimeout("$(&#39;#tips&#39;).empty()",2000)
}
}, &#39;json&#39;)
*/
//禁用默认提交
return false
})
</script>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAjax_POST-Übermittlung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie kann das Timeout von Ajax-Anfragen verlängert werden? Wie kann das Timeout von Ajax-Anfragen verlängert werden? Jan 26, 2024 am 10:09 AM

Wie kann die Ablaufzeit von Ajax-Anfragen verlängert werden? Bei Netzwerkanfragen stoßen wir oft auf Situationen, in denen wir große Datenmengen oder komplexe Berechnungen verarbeiten müssen, was dazu führen kann, dass die Anfrage abläuft und die Daten nicht normal zurückgegeben werden. Um dieses Problem zu lösen, können wir sicherstellen, dass die Anfrage erfolgreich abgeschlossen werden kann, indem wir die Ablaufzeit der Ajax-Anfrage verlängern. Im Folgenden werden einige Methoden und spezifische Codebeispiele vorgestellt, um die Ablaufzeit von Ajax-Anfragen zu verlängern. Wenn Sie eine Ajax-Anfrage mit dem Timeout-Attribut stellen, können Sie das Timeout-Attribut auf setzen

Wie lange dauert es, bis Ajax-Anfragen ablaufen? Wie lange dauert es, bis Ajax-Anfragen ablaufen? Nov 20, 2023 am 10:29 AM

AJAX-Anfragen haben keine feste Ablaufzeit: „Asynchronous JavaScript and XML“ ist eine Technologie zum Senden asynchroner Anfragen auf Webseiten, die JavaScript verwendet, um Anfragen an den Server zu senden und Antworten zu empfangen, ohne die gesamte Seite zu aktualisieren.

So verwenden Sie Controller zur Verarbeitung von Ajax-Anfragen im Yii-Framework So verwenden Sie Controller zur Verarbeitung von Ajax-Anfragen im Yii-Framework Jul 28, 2023 pm 07:37 PM

Im Yii-Framework spielen Controller eine wichtige Rolle bei der Bearbeitung von Anfragen. Zusätzlich zur Verarbeitung regulärer Seitenanfragen können Controller auch zur Verarbeitung von Ajax-Anfragen verwendet werden. In diesem Artikel wird erläutert, wie Ajax-Anfragen im Yii-Framework verarbeitet werden, und es werden Codebeispiele bereitgestellt. Im Yii-Framework kann die Verarbeitung von Ajax-Anfragen über die folgenden Schritte erfolgen: Erstellen Sie zunächst eine Controller-Klasse (Controller). Sie können die vom Yii-Framework bereitgestellte grundlegende Controller-Klasse yiiwebCo erben

So wählen Sie die richtige Ajax-Anfragebibliothek für Ihr Projekt aus So wählen Sie die richtige Ajax-Anfragebibliothek für Ihr Projekt aus Jan 30, 2024 am 08:32 AM

Praxisratgeber: Welche Ajax-Request-Bibliotheken eignen sich für Ihr Projekt? Mit der kontinuierlichen Weiterentwicklung der Front-End-Entwicklung ist Ajax zu einem unverzichtbaren Bestandteil der Webentwicklung geworden. Die Auswahl einer für das Projekt geeigneten Ajax-Anfragebibliothek ist entscheidend für die Verbesserung der Entwicklungseffizienz und die Optimierung der Benutzererfahrung. In diesem Artikel werden mehrere häufig verwendete Ajax-Anforderungsbibliotheken vorgestellt, um den Lesern bei der Auswahl des für ihre eigenen Projekte geeigneten Tools zu helfen. jQueryAjax Es lässt sich nicht leugnen, dass jQuery eine der beliebtesten JavaScript-Bibliotheken überhaupt ist. Es bietet eine reichhaltige

Wesentliche Tools: Verstehen Sie, was die häufig verwendeten Ajax-Anfragebibliotheken sind? Wesentliche Tools: Verstehen Sie, was die häufig verwendeten Ajax-Anfragebibliotheken sind? Jan 30, 2024 am 11:00 AM

Entwicklungsgrundlagen: Entdecken Sie die häufig verwendeten Ajax-Anfragebibliotheken. In der modernen Front-End-Entwicklung ist die Verwendung von Ajax für asynchrone Anfragen zu einer Standardfunktion geworden, und die Auswahl einer geeigneten Ajax-Anfragebibliothek kann es uns ermöglichen, Netzwerkanfragen effizienter zu verarbeiten und so die Entwicklungseffizienz und das Benutzererlebnis zu verbessern. In diesem Artikel werden einige häufig verwendete Ajax-Anforderungsbibliotheken untersucht, um Entwicklern bei der Auswahl der für ihre Projekte geeigneten Tools zu helfen. jQueryAjax: Als eine der beliebtesten JavaScript-Bibliotheken bietet jQuery leistungsstarke Ajax-Anfragefunktionen.

Kann ich die Ablaufzeit von Ajax-Anfragen anpassen? Kann ich die Ablaufzeit von Ajax-Anfragen anpassen? Jan 26, 2024 am 11:13 AM

Kann die Ablaufzeit von Ajax-Anfragen angepasst werden? In der Webentwicklung verwenden wir häufig Ajax, um asynchrone Anforderungen zum dynamischen Laden von Daten auf der Seite zu implementieren. Wenn wir Ajax-Anfragen stellen, müssen wir manchmal das Timeout der Anfrage kontrollieren, also ein Zeitlimit festlegen und sie verarbeiten, wenn innerhalb der angegebenen Zeit keine Antwort eingeht. Kann die Ablaufzeit von Ajax-Anfragen angepasst werden? In diesem Artikel wird dieses Problem ausführlich vorgestellt und spezifische Codebeispiele bereitgestellt. Verwendung der Ajax-Funktion von jQuery

Was verursacht eine Zeitüberschreitung bei einer Ajax-Anfrage? Was verursacht eine Zeitüberschreitung bei einer Ajax-Anfrage? Jan 26, 2024 am 10:53 AM

Unter welchen Umständen läuft eine Ajax-Anfrage ab? Mit der Entwicklung von Webanwendungen ist die Ajax-Technologie (Asynchronous JavaScript and XML) zu einem wesentlichen Bestandteil der Webentwicklung geworden. Über Ajax können wir Daten vom Server abrufen und den Inhalt der Webseite dynamisch aktualisieren, ohne die gesamte Seite zu aktualisieren. Wenn Sie jedoch Ajax zum Senden von Anforderungen verwenden, kommt es manchmal vor, dass die Anforderung abläuft. Unter welchen Umständen läuft eine Ajax-Anfrage ab?

Wie stelle ich das Timeout für Ajax-Anfragen ein? Wie stelle ich das Timeout für Ajax-Anfragen ein? Jan 26, 2024 am 09:23 AM

Wie lege ich die Ablaufzeit einer Ajax-Anfrage fest? Benötigen Sie spezifische Codebeispiele? Mit der Entwicklung von Internetanwendungen ist Ajax zu einem unverzichtbaren Bestandteil der Webentwicklung geworden. Beim Senden von Ajax-Anfragen müssen wir manchmal die Ablaufzeit der Anfrage begrenzen, um eine schlechte Benutzererfahrung oder ein Einfrieren des Browsers aufgrund einer zu langen Anfrage zu verhindern. In diesem Artikel wird detailliert beschrieben, wie die Ablaufzeit von Ajax-Anfragen festgelegt wird, und es werden spezifische Codebeispiele aufgeführt. Das Festlegen der Ablaufzeit von Ajax-Anfragen erfordert hauptsächlich XMLHttpRequest

See all articles