Explication détaillée de la valeur de retour de l'exemple jquery ajax

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); 
} 
)

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); 
} 
)

La différence entre les deux méthodes ci-dessus devrait être que la méthode de requête est la suivante. différent (un get et un post).
Enfin, nous regardons $. Le code de la partie jsp front-end est le suivant :...
Nombre de votes :

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 ); 
} 
});

...
Le code de la partie js est le suivant

Le code est le suivant :

<span id="i<%=id%>"><%=vote_number%></span><br/> 
<a 
onclick
=myvote(<%=id%>); href=&#39;
javascript
:;&#39;">投票</a>

Les données renvoyées sont json
Les données json renvoyé par l'arrière-plan est le suivant
{issucc:,mess:"",votenum:,myid:}

issucc: si l'opération a réussi

mess: informations, principalement

Message d'erreur

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); 
} 
}); 
}

, comme non connecté, dépassement de la limite, etc.

votenum : nombre total de votes après le vote
myid : identifiant de vote, utilisé pour mettre à jour le nombre de votes sur la page
Une instance de connexion enregistrée
js Le type renvoyé par
login.jsp est sous forme de texte Lorsqu'il est correct, c'est "OK", et lorsqu'il est faux, c'est "erreur".

Le code est le suivant :


Page jsp
La première réponseFormat du texte

Le code est le suivant :

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("返回异常");} 
} 
}); 
}); 
});

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!