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之一(初识Javascript)
Jan 20 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
JavaScript动态数量的文件上传控件
Nov 18 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
理解 JavaScript EventEmitter
Mar 29 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
Dec 04 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实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
JavaScript中的私有成员
2006/09/18 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
js选择器全面解析
2016/06/27 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
详解Python中用于计算指数的exp()方法
2015/05/14 Python
python中的decorator的作用详解
2018/07/26 Python
python实现三次样条插值
2018/12/17 Python
python write无法写入文件的解决方法
2019/01/23 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
Python中无限循环需要什么条件
2020/05/27 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
介绍下java.util.Arrays类
2012/10/16 面试题
二年级体育教学反思
2014/01/15 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
思想政治表现评语
2015/01/04 职场文书
婚礼父母答谢词
2015/01/04 职场文书
学术研讨会主持词
2015/07/04 职场文书
2015党建工作简报
2015/07/21 职场文书
关于Python中进度条的六个实用技巧分享
2022/04/05 Python
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python