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与flash交互通信基础教程
Aug 07 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
纯css实现窗户玻璃雨滴逼真效果
Aug 23 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
详解新手使用vue-router传参时注意事项
Jun 06 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
jquery实现手风琴案例
May 04 jQuery
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 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+dbfile开发小型留言本
2006/10/09 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
说说PHP的autoLoad自动加载机制
2012/09/27 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
用javascript操作xml
2006/11/04 Javascript
基于jquery实现发送文章到手机的代码
2014/12/26 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
Python实现全角半角转换的方法
2014/08/18 Python
Python单例模式实例分析
2015/01/14 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
python 迭代器和iter()函数详解及实例
2017/03/21 Python
python如何统计序列中元素
2020/07/31 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python输入多行字符串的方法总结
2019/07/02 Python
python实现画循环圆
2019/11/23 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
初中生三年学习生活的自我评价
2013/11/03 职场文书
酒店前台接待岗位职责
2013/12/03 职场文书
留守儿童工作方案
2014/06/02 职场文书
师范毕业生求职信
2014/07/11 职场文书
驻村工作先进事迹
2014/08/14 职场文书
CAD实训总结范文
2015/08/03 职场文书