jquery ajax範例傳回值詳解_jquery

在JQuery中，AJAX有三種實作方式：$.ajax() , $.post , $.get()。
首先我們看$.get():

複製程式碼 程式碼如下:

程式碼如下:



$.get("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要傳遞的資料

function(data){
alert( "傳回的資料: " data);
}
)

然後看$.post(): 跟$.get()格式一樣.

複製程式碼


程式碼如下:


$.post("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要傳遞的資料

function(data){
alert("傳回的資料: " data);
}
)

上面2種方式的差別應該是請求方式不同(一個get 一個post). 最後我們看$.ajax():

複製程式碼


程式碼如下:


$.ajax({
url:'Accept.jsp',
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 );
}

}); 實例前台jsp部分的代碼如下：... 票數:

複製代碼

代碼如下:

); href ='javascript:;'">投票 ... js部分的程式碼如下

複製程式碼


程式碼如下:


function myvote(id){
$.post("vote.jsp", { id: 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);
}
});
}


回傳資料為json
後台回傳的json資料如下
{issucc:,mess:」「,votenum:,myid:}
issucc:是否成功

mess:訊息，主要是錯誤訊息，例如沒登錄，超過限制等votenum：投票後的得票總數myid:投票的id，用於更新頁面的投票數一個註冊登入實例js login.jsp回傳的類型為text形式，正確時是“OK”，錯誤時是“error”。

複製程式碼


程式碼如下:


var userName; var word>var; 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("回傳異常");}
}
});
});

}); jsp頁第一種responseText格式

複製程式碼


程式碼如下:



String userName = request.getParameter("userName");

String password = request.getParameter("password"); if(password.equals(" longleg")&&userName.equals("thy")){ out.print("OK"); }else{out.print("error");} %>