Detaillierte Erläuterung des Rückgabewerts des 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:

Dann schauen wir uns $.post() an:

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

Der Unterschied zwischen den beiden oben genannten Methoden sollte darin bestehen, dass die Anforderungsmethode lautet unterschiedlich (ein get und ein post).

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

Instanz

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

Der Code des Front-End-JSP-Teils lautet wie folgt:...

Anzahl der Stimmen:


Der Code lautet wie folgt:

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

...

Der Code für den js-Teil lautet wie folgt


Der Code lautet wie folgt:

Die zurückgegebenen Daten sind JSON

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

Die JSON-Daten Der vom Hintergrund zurückgegebene Inhalt lautet wie folgt:

{issucc:,mess:"",votenum:,myid:}
issucc: ob es erfolgreich war
mess: Informationen, hauptsächlich
Fehlermeldung
B. nicht angemeldet, Überschreitung des Limits usw.votenum: Gesamtzahl der Stimmen nach der Abstimmungmyid: Abstimmungs-ID, wird zum Aktualisieren der Anzahl der Stimmen auf der Seite verwendet
Eine registrierte Login-Instanz
js Der von
login.jsp zurückgegebene Typ hat die Form von Text. Wenn er korrekt ist, ist er „OK“, und wenn er falsch ist, ist er
„Fehler“.


Der Code lautet wie folgt:

JSP-Seite

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

Die erste AntwortTextformat

Der Code lautet wie folgt:

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Rückgabewerts des JQuery-Ajax-Beispiels. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!