Maison interface Web js tutoriel Soumission Ajax_POST

Soumission Ajax_POST

Jun 29, 2018 pm 02:57 PM

Soumission Ajax_POST

* $_post() : jquery gère les demandes de publication en ajax

* Syntaxe de base : $.post(url, data, success, dataType)

* Description du paramètre :

* url : adresse demandée

* data : données qui doivent être envoyées au serveur

* succès (données, statut, xhr) : exécution Fonction de rappel réussie,

* Paramètres de rappel : 1.data : Données renvoyées par le serveur

* 2.status : Statut de la requête en cours

* 3.xhr : objet ajax

* Habituellement, nous ne nous soucions que des données renvoyées : data

* dataType : format des données renvoyées par le serveur

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

* Généralement 'json', qui peut être omis et déterminé automatiquement par le système

<!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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment prolonger le délai d'attente des requêtes Ajax ? Comment prolonger le délai d'attente des requêtes Ajax ? Jan 26, 2024 am 10:09 AM

Comment prolonger le délai d’expiration des requêtes Ajax ? Lorsque nous effectuons des requêtes réseau, nous rencontrons souvent des situations dans lesquelles nous devons traiter de grandes quantités de données ou des calculs complexes, ce qui peut entraîner un délai d'attente de la requête et un échec de renvoi normal des données. Afin de résoudre ce problème, nous pouvons garantir que la demande peut être complétée avec succès en prolongeant le délai d'expiration de la demande Ajax. Ce qui suit présentera quelques méthodes et exemples de code spécifiques pour prolonger le délai d'expiration des requêtes Ajax. Lorsque vous effectuez une requête Ajax à l'aide de l'attribut timeout, vous pouvez définir l'attribut timeout sur

Combien de temps faut-il pour que les requêtes ajax expirent ? Combien de temps faut-il pour que les requêtes ajax expirent ? Nov 20, 2023 am 10:29 AM

Les requêtes AJAX n'ont pas de délai d'expiration fixe : « Asynchronous JavaScript and XML » est une technologie d'envoi de requêtes asynchrones sur des pages Web, qui utilise JavaScript pour envoyer des requêtes au serveur et recevoir des réponses sans actualiser la page entière.

Comment utiliser des contrôleurs pour gérer les requêtes Ajax dans le framework Yii Comment utiliser des contrôleurs pour gérer les requêtes Ajax dans le framework Yii Jul 28, 2023 pm 07:37 PM

Dans le framework Yii, les contrôleurs jouent un rôle important dans le traitement des requêtes. En plus de gérer les requêtes de pages régulières, les contrôleurs peuvent également être utilisés pour gérer les requêtes Ajax. Cet article expliquera comment gérer les requêtes Ajax dans le framework Yii et fournira des exemples de code. Dans le framework Yii, le traitement des requêtes Ajax peut s'effectuer à travers les étapes suivantes : La première étape consiste à créer une classe contrôleur (Controller). Vous pouvez hériter de la classe de contrôleur de base yiiwebCo fournie par le framework Yii

Comment choisir la bonne bibliothèque de requêtes Ajax pour votre projet Comment choisir la bonne bibliothèque de requêtes Ajax pour votre projet Jan 30, 2024 am 08:32 AM

Guide pratique : Quelles bibliothèques de requêtes Ajax conviennent à votre projet ? Avec le développement continu du développement front-end, Ajax est devenu un élément indispensable du développement Web. Le choix d'une bibliothèque de requêtes Ajax adaptée au projet est crucial pour améliorer l'efficacité du développement et optimiser l'expérience utilisateur. Cet article présentera plusieurs bibliothèques de requêtes Ajax couramment utilisées pour aider les lecteurs à choisir l'outil adapté à leurs propres projets. jQueryAjax Il est indéniable que jQuery est l'une des bibliothèques JavaScript les plus populaires. Il fournit un riche

Outils essentiels : Comprendre quelles sont les bibliothèques de requêtes Ajax couramment utilisées ? Outils essentiels : Comprendre quelles sont les bibliothèques de requêtes Ajax couramment utilisées ? Jan 30, 2024 am 11:00 AM

L'essentiel du développement : découvrez quelles sont les bibliothèques de requêtes Ajax couramment utilisées ? Dans le développement front-end moderne, l'utilisation d'Ajax pour les requêtes asynchrones est devenue une fonctionnalité standard, et le choix d'une bibliothèque de requêtes Ajax appropriée peut nous permettre de traiter les requêtes réseau plus efficacement, améliorant ainsi l'efficacité du développement et l'expérience utilisateur. Cet article explorera certaines bibliothèques de requêtes Ajax couramment utilisées pour aider les développeurs à choisir les outils adaptés à leurs projets. jQueryAjax : En tant que l'une des bibliothèques JavaScript les plus populaires, jQuery fournit de puissantes fonctions de requête Ajax.

Puis-je personnaliser le délai d'expiration des requêtes Ajax ? Puis-je personnaliser le délai d'expiration des requêtes Ajax ? Jan 26, 2024 am 11:13 AM

Le délai d’expiration des requêtes Ajax peut-il être personnalisé ? Dans le développement Web, nous utilisons souvent Ajax pour implémenter des requêtes asynchrones afin de charger dynamiquement des données dans la page. Lorsque nous effectuons des requêtes Ajax, nous devons parfois contrôler le délai d'expiration de la requête, c'est-à-dire définir un délai et la traiter si aucune réponse n'est reçue dans le délai spécifié. Alors, le délai d’expiration des requêtes Ajax peut-il être personnalisé ? Cet article présentera ce problème en détail et fournira des exemples de code spécifiques. Utiliser la fonction Ajax de jQuery

Qu'est-ce qui provoque l'expiration d'une requête Ajax ? Qu'est-ce qui provoque l'expiration d'une requête Ajax ? Jan 26, 2024 am 10:53 AM

Dans quelles circonstances une requête Ajax expirera-t-elle ? Avec le développement des applications Web, la technologie Ajax (JavaScript asynchrone et XML) est devenue un élément essentiel du développement Web. Grâce à Ajax, nous pouvons obtenir des données du serveur et mettre à jour dynamiquement le contenu de la page Web sans actualiser la page entière. Cependant, lorsque vous utilisez Ajax pour envoyer des requêtes, vous rencontrez parfois une expiration de requête. Alors, dans quelles circonstances une requête Ajax expirera-t-elle ?

Comment définir le délai d'attente pour les requêtes Ajax ? Comment définir le délai d'attente pour les requêtes Ajax ? Jan 26, 2024 am 09:23 AM

Comment définir le délai d’expiration d’une requête Ajax ? Besoin d'exemples de code spécifiques Avec le développement des applications Internet, Ajax est devenu un élément indispensable du développement Web. Lors de l'envoi de requêtes Ajax, nous devons parfois limiter le délai d'expiration de la requête pour éviter une mauvaise expérience utilisateur ou le blocage du navigateur causé par une requête trop longue. Cet article présentera en détail comment définir le délai d'expiration des requêtes Ajax et donnera des exemples de code spécifiques. La définition du délai d'expiration des requêtes Ajax nécessite principalement XMLHttpRequest

See all articles