在JQuery中，AJAX有三種實(shí)現(xiàn)方式：$.ajax() , $.post , $.get()。

首先我們看$.get():

$.get("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要傳遞的數(shù)據(jù)
function(data){
alert("返回的數(shù)據(jù): " + data);
}
)

然后看$.post():

跟$.get()格式一樣.

$.post("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //要傳遞的數(shù)據(jù)
function(data){
alert("返回的數(shù)據(jù): " + data);
}
)

上面2種方式的區(qū)別應(yīng)該就是 請求方式不同(一個(gè)get 一個(gè)post).

最后我們看$.ajax():

$.ajax({
url:'Accept.jsp',
type:'post', //數(shù)據(jù)發(fā)送方式
dataType:'html', //接受數(shù)據(jù)格式 (這里有很多,常用的有html,xml,js,json)
data:'text='+$("#name").val()+'&date='+new Date(), //要傳遞的數(shù)據(jù)
error: function(){ //失敗
alert('Error loading document');
},
success: function(msg){ //成功
alert( "Data Saved: " + msg );
}
});

實(shí)例

前臺jsp部分的代碼如下：

票數(shù):

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

js部分的代碼如下

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

返回?cái)?shù)據(jù)為json

后臺返回的json數(shù)據(jù)如下

{issucc:,mess:”“,votenum:,myid:}

issucc:是否成功

mess:信息，主要是錯(cuò)誤信息，比如沒登錄，超過限制等

votenum：投票后的得票總數(shù)

myid:投票的id，用于更新頁面的投票數(shù)

一個(gè)注冊登錄實(shí)例

js

login.jsp返回的類型為text形式，正確時(shí)是“OK”，錯(cuò)誤時(shí)是

“error”。

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

jsp頁面

第一種responseText格式

<%@ page language="java" pageEncoding="gb2312"%>
<%
String userName = request.getParameter("userName");
String password = request.getParameter("password");
if(password.equals("longleg")&&userName.equals("thy")){
out.print("OK");
}else{out.print("error");}
%>

通過上述介紹相信大家對jQuery Ajax返回值已經(jīng)有所了解，大家如果對此比較感興趣，想了解更相關(guān)知識，可以關(guān)注一下動力節(jié)點(diǎn)的AJAX教程，里面的課程內(nèi)容很詳細(xì)，由淺到深，適合沒有基礎(chǔ)的朋友學(xué)習(xí)，希望對大家能夠有所幫助。