Erläutern Sie den Rückgabewert eines Jquery-Ajax-Beispiels-js-Tutorial-php.cn

Erläutern Sie den Rückgabewert eines Jquery-Ajax-Beispiels

巴扎黑

Freigeben： 2017-07-03 10:30:39

Original

1226 Leute haben es durchsucht

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Schließlich schauen wir uns $ ajax() an:

Der Code lautet wie folgt:

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

Nach dem Login kopieren

Instanz

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

Der Code lautet wie folgt:

<%=vote_number%>
onclick
=myvote(< ;%=id%>); href='javascript:;'">Vote

...

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

Nach dem Login kopieren

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:

. JSP-Seite

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

Nach dem Login kopieren

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!