Heim > Artikel > Web-Frontend > Erläutern Sie den Rückgabewert eines Jquery-Ajax-Beispiels
Der Hauptunterschied zwischen $.ajax() und ($.post(), $.get()) besteht darin, dass nach einem erfolgreichen Rückruf die Ausführung von $.post(), $.get() erfolgen kann Nur einfach übergeben und zurückkehren. Rufen Sie also je nach Situation
JQuery auf. Es gibt drei Möglichkeiten, AJAX zu implementieren: $.ajax(). , $.post, $.get(). Zuerst schauen wir uns $.get() an:
Der Code lautet wie folgt:
$.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } )Folgen Sie $.get() Das Format ist das gleiche.
Der Code lautet wie folgt:
$.post("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要传递的数据 function(data){ alert("返回的数据: " + data); } )Schließlich schauen wir uns $ ajax() an:
Der Code lautet wie folgt:
$.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 ); } });Instanz
Der Code des Front-End-JSP-Teils lautet wie folgt:...
Anzahl der Stimmen:
Der Code lautet wie folgt:
1b2efd02bed8532fc096b8eb80f065d8">38df51ccd380352889eb6eff37977be754bdf357c58b8a65c66d7c19c8e4d114d2b4ce88a3e714f80485c251a824c94d); href='javascript:;'">Vote5db79b134e9f6b82c0b36e0489ee08ed
Der Code für den js-Teil lautet wie folgt
Der Code lautet wie folgt:
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); } }); }Rückgabedaten sind JSON
Die vom Hintergrund zurückgegebenen JSON-Daten sind wie folgt folgt
{issucc:,mess:"",votenum:,myid:}
issucc: ob es erfolgreich war
mess: Informationen, hauptsächlich
Fehlerinformationen
, wie z. B. nicht angemeldet , Überschreitung des Limits usw. votenum: die Gesamtzahl der Stimmen nach der Abstimmung myid: die ID der Abstimmung, die Anzahl der Stimmen, die zum Aktualisieren der Seite verwendet wurden
Eine Registrierungs-Anmeldeinstanz
js
login Der von .jsp zurückgegebene Typ hat die Form von Text, der „OK“ ist, wenn er korrekt ist, und
„Fehler“, wenn er falsch ist. Der Code lautet wie folgt:
Das erste Antworttextformat
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("返回异常");} } }); }); });
Der Code lautet wie folgt:
Das obige ist der detaillierte Inhalt vonErläutern Sie den Rückgabewert eines Jquery-Ajax-Beispiels. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!