Maison > Article > interface Web > Soumission Ajax_POST

Soumission Ajax_POST

无忌哥哥original: 2018-06-29 14:57:251894parcourir

* $_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>

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：

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

Article précédent：Comment implémenter la liaison bidirectionnelle dans VueArticle suivant：Comment implémenter la liaison bidirectionnelle dans Vue

Articles Liés

Voir plus