Maison > interface Web > js tutoriel > Expliquer la valeur de retour de l'exemple jquery ajax

Expliquer la valeur de retour de l'exemple jquery ajax

巴扎黑
Libérer: 2017-07-03 10:30:39
original
1228 Les gens l'ont consulté

La principale différence entre $.ajax() et ($.post(), $.get()) est qu'après un rappel réussi, l'exécution de $.post(), $.get() peut être réussie. soyez simple Passez-le et revenez. Le travail ultérieur ne peut pas continuer Donc selon la situation, appelez

Dans JQuery, il existe trois façons d'implémenter AJAX : $.ajax(). , $.post, $.get().
Nous regardons d'abord $.get() :

Le code est le suivant :

$.get("test.jsp", 
{ name: "cssrain", time: "2008/01/21" }, //要传递的数据 
function(data){ 
alert("返回的数据: " + data); 
} 
)
Copier après la connexion

Ensuite, nous regardons $.post() :
Suivez $.get() Le format est le même.

Le code est le suivant :

$.post("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } )
Copier après la connexion

La différence entre les deux méthodes ci-dessus devrait être que la méthode de requête est différent (un get et un post).
Enfin, nous regardons $ ajax() :

Le code est le suivant :

$.ajax({ 
url:'Accept.jsp', 
type:'post', //数据发送方式 
dataType:'html', //接受数据格式 (这里有很多,常用的有html,xml,js,json) 
data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据 
error: function(){ //失败 
alert('Error loading 
document
'); 
}, 
success: function(msg){ //成功 
alert( "Data Saved: " + msg ); 
} 
});
Copier après la connexion


Instance.
Le code de la partie jsp front-end est le suivant :...
Nombre de votes :

Le code est le suivant :

<%=vote_number%>
onclick=myvote(< ;%=id%>); href='javascript:;'">Vote


...
Le code pour la partie js est la suivante

Le code est le suivant :

function myvote(id){ 
$.post("vote.jsp", { id: id }, 
function(data){ 
eval("var data="+data); 
if (data.issucc=="0"){ 
alert(data.mess) 
}else{ 
//alert("
更新
页面"); 
$("#i"+data.myid).html(data.votenum); 
} 
}); 
}
Copier après la connexion


Les données de retour sont json
Les données json renvoyées par l'arrière-plan sont les suivantes suit
{issucc:,mess:"",votenum:,myid:}
issucc: si l'opération a réussi
mess: informations, principalement informations d'erreur, telles que non connecté , dépassement de la limite, etc.
votenum : le nombre total de votes après vote
myid : l'identifiant du vote, le nombre de votes utilisés pour mettre à jour la page
Une instance de connexion d'inscription
js
login Le type renvoyé par .jsp est sous forme de texte, qui est "OK" lorsqu'il est correct, et
"erreur" lorsqu'il est erroné. Le code est le suivant :
<🎜. >

.page jsp

La première réponseFormat du texte
var userName; 
var password; 
var result; 
$(document).ready(function(){ 
$("#load").hide(); 
$("#success").hide(); 
$("#error").hide(); 
}); 
$(document).ready(function(){ 
$("#button").click(function(){ 
$("#error").hide(); 
$("#load").show("slow"); 
userName = $("#userName").val(); 
password = $("#password").val(); 
$.ajax({type: "post", 
url: "login.jsp", 
dataType: "html", 
data: "userName="+userName+"&password="+password, 
success: function(result){ 
var res = String($.trim(result)); 
if(res=="OK"){ 
$("#myTable").hide("slow"); 
$("#success").show("slow"); 
}else if(res=="error"){ 
$("#error").show("slow"); 
$("#load").hide("slow"); 
}else{ 
alert("返回异常");} 
} 
}); 
}); 
});
Copier après la connexion


Le code est le suivant :

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal