成都网站建设设计

将想法与焦点和您一起共享

jQueryAjax返回值实例代码分析

这篇文章主要介绍了jQuery Ajax返回值实例代码分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jQuery Ajax返回值实例代码分析文章都会有所收获,下面我们一起来看看吧。

我们提供的服务有:做网站、成都网站建设、微信公众号开发、网站优化、网站认证、东方ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的东方网站制作公司

实例

前台jsp部分的代码如下:

票数:

"><%=vote_number%>
); href='javascript:;'">投票

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返回值实例代码分析”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


分享标题:jQueryAjax返回值实例代码分析
转载注明:http://chengdu.cdxwcx.cn/article/pcpggp.html