Detaillierte Erläuterung des Rückgabewerts des JQuery-Ajax-Beispiels-js-Tutorial-php.cn

Detaillierte Erläuterung des Rückgabewerts des JQuery-Ajax-Beispiels

巴扎黑

Freigeben： 2017-06-30 14:21:13

Original

1183 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:

Instanz

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

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>

Nach dem Login kopieren

...

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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!