Explication détaillée de la valeur de retour de l'exemple jquery ajax-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-30 14:21:13

original

1183 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 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:&#39;Accept.jsp&#39;, 
type:&#39;post&#39;, //数据发送方式 
dataType:&#39;html&#39;, //接受数据格式 (这里有很多,常用的有html,xml,js,json) 
data:&#39;text=&#39;+$("#name").val()+&#39;&date=&#39;+new Date(), //要传递的数据 
error: function(){ //失败 
alert(&#39;Error loading 
document
&#39;); 
}, 
success: function(msg){ //成功 
alert( "Data Saved: " + msg ); 
} 
});

Copier après la connexion

...
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>

Copier après la connexion

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

Copier après la connexion

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

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!