jQuery Ajax返回值實例代碼分析

這篇文章主要介紹了jQuery Ajax返回值實例代碼分析的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇jQuery Ajax返回值實例代碼分析文章都會有所收獲，下面我們一起來看看吧。

實例

前臺jsp部分的代碼如下：

票數:

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

返回數據為json

后臺返回的json數據如下

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

issucc:是否成功

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

votenum：投票后的得票總數

myid:投票的id，用于更新頁面的投票數

一個注冊登錄實例

js

login.jsp返回的類型為text形式，正確時是“OK”，錯誤時是

“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返回值實例代碼分析”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“jQuery Ajax返回值實例代碼分析”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。