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返回值实例代码分析”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注蜗牛博客行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。版权声明:如无特殊标注,文章均为本站原创,转载时请以链接形式注明文章出处。
评论