jquery ajax例子返回值详解


Posted in Javascript onSeptember 11, 2012

在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', 
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部分的代码如下:...
票数:
<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");} 
%>
Javascript 相关文章推荐
Jquery 最近浏览过的商品的功能实现代码
May 14 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
Angular2开发——组件规划篇
Mar 28 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
什么是SOLID
Mar 24 Javascript
Jquery插件写法笔记整理
Sep 06 #Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 #Javascript
js防止表单重复提交实现代码
Sep 05 #Javascript
javascript面向对象入门基础详细介绍
Sep 05 #Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 #Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 #Javascript
Javascript中的delete介绍
Sep 02 #Javascript
You might like
一段防盗连的PHP代码
2006/12/06 PHP
PHP 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
初识PHP中的Swoole
2016/04/05 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
微信小程序视图template模板引用的实例详解
2017/09/20 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
python dict.get()和dict['key']的区别详解
2016/06/30 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
解决python 输出是省略号的问题
2018/04/19 Python
pandas实现选取特定索引的行
2018/04/20 Python
将Django项目部署到CentOs服务器中
2018/10/18 Python
深入理解Python异常处理的哲学
2019/02/01 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
Python class的继承方法代码实例
2020/02/14 Python
浅谈python锁与死锁问题
2020/08/14 Python
好的自荐信的要求
2013/10/30 职场文书
社保委托书怎么写
2014/08/02 职场文书
违纪检讨书范文
2015/01/27 职场文书
班主任高考寄语
2015/02/26 职场文书
财政局个人总结
2015/03/04 职场文书
java实现面板之间切换功能
2022/06/10 Java/Android