Heim  >  Artikel  >  Web-Frontend  >  Erläutern Sie den Rückgabewert eines Jquery-Ajax-Beispiels

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

巴扎黑
巴扎黑Original
2017-07-03 10:30:391206Durchsuche

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:

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


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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn