jQuery Ajax请求后台数据并在前台接收


Posted in Javascript onDecember 10, 2016

1、前台使用jQuery ajax请求

$.ajax({
url: "r_getRolePer.action",
dataType:'json', 
data: {userId:"1"}, //请求的附加参数,用json对象
method:'POST',
success: function(data){
$.messager.alert('消息',data.add,'');
//这里使用的时easyui的格式
},
});

2、在action里面使用response.getWriter()的PrintWriter对象将数据打印到前台

public PrintWriter out()throws IOException{
HttpServletResponse response=ServletActionContext.getResponse(); 
    response.setContentType("text/html"); 
    response.setContentType("text/plain; charset=utf-8");
    PrintWriter out= response.getWriter();
    return out;
}
*******
JSONObject permision = new JSONObject();
permision.put("add", 0);
permision.put("delete", 0);
permision.put("update", 0);
out().print(permision.toString());
out().flush();
out().close();

注意这里将permision对象打印到前台是一个json字符串,在第一步的ajax请求的success返回的data取到的就是这个permision对象,所以使用data.add就个可以取到json对象的值,如果后台打印到前台的数据不是json的话而是list对象使用data[0]这样也可以取到,但是推荐son传递。

以上所述是小编给大家介绍的jQuery Ajax请求后台数据并在前台接收,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
javascript之对系统的toFixed()方法的修正
May 08 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
Javascript中replace()小结
Sep 30 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
angular6 填坑之sdk的方法
Dec 27 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
解决vue 退出动画无效的问题
Aug 09 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 #Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
JS判断是否手机或pad访问实现方法
Dec 09 #Javascript
You might like
织梦模板标记简介
2007/03/11 PHP
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
PHP加密解密类实例代码
2016/07/20 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
numpy.transpose对三维数组的转置方法
2018/04/17 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
超30万乐谱下载:Musicnotes.com
2016/09/24 全球购物
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
XML文档面试题
2015/08/05 面试题
连锁经营管理专业大学生求职信
2013/10/30 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
golang实现浏览器导出excel文件功能
2022/03/25 Golang
Golang并发工具Singleflight
2022/05/06 Golang