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 相关文章推荐
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
jQuery中:animated选择器用法实例
Dec 29 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
整理一下常见的IE错误
Nov 18 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
简单的React SSR服务器渲染实现
Dec 11 Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
JS实现的自定义map方法示例
May 17 Javascript
JavaScript如何使用插值实现图像渐变
Jun 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
如何选购合适的收音机
2021/03/01 无线电
利用static实现表格的颜色隔行显示
2006/10/09 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
ajax请求get与post的区别总结
2013/11/04 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
原生js实现购物车
2020/09/23 Javascript
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
Python的词法分析与语法分析
2013/05/18 Python
python创建和删除目录的方法
2015/04/29 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python实现五子棋人机对战游戏
2020/03/25 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
数据库方面面试题
2012/04/22 面试题
书法培训心得体会
2014/01/05 职场文书
打架检讨书100字
2014/01/19 职场文书
大学生秋游活动方案
2014/02/17 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
投资合作意向书范本
2015/05/08 职场文书
导游词之烟台威海蓬莱
2019/11/14 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python