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