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 相关文章推荐
javascript 函数式编程
Aug 16 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
浅析JavaScript中的CSS属性及命名规范
Nov 28 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
AngularJS 最常用的八种功能(基础知识)
Jun 26 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 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数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
Javascript - HTML的request类
2007/01/09 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
医学检验专业大学生求职信
2013/11/18 职场文书
电视购物广告词
2014/03/19 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
工伤事故证明
2014/10/20 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
Python 全局空间和局部空间
2022/04/06 Python
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL