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 相关文章推荐
30个最好的jQuery 灯箱插件分享
Apr 25 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
js实现有趣的倒计时效果
Jan 19 Javascript
JavaScript实现4位随机验证码的生成
Jan 28 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/10/09 PHP
UCenter Home二次开发指南
2009/05/28 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
php格式化金额函数分享
2015/02/02 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
js获取url传值的方法
2015/12/18 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
2017/02/21 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
Vue是怎么渲染template内的标签内容的
2020/06/05 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
python实现保存网页到本地示例
2014/03/16 Python
Django--权限Permissions的例子
2019/08/28 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
python把一个字符串切开的实例方法
2020/09/27 Python
Python中Yield的基本用法
2020/10/18 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
.net开发工程师面试题
2014/02/25 面试题
测量实习生自我鉴定
2013/09/19 职场文书
房地产促销活动方案
2014/03/01 职场文书
个人三严三实对照检查材料
2014/09/25 职场文书
感恩节寄语2015
2015/03/24 职场文书
撤诉申请书法院范本
2015/05/18 职场文书