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 相关文章推荐
通过jquery实现tab标签浏览效果
Feb 20 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
深入理解jQuery之事件移除
Jun 02 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
150行Node.js实现的dns代理工具
Aug 02 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
提高php运行速度的一些小技巧分享
2012/07/03 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
js 字符串操作函数
2009/07/25 Javascript
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python元组拆包和具名元组解析实例详解
2018/03/26 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
python 如何调用 dubbo 接口
2020/09/24 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
什么是GWT的Module
2013/01/20 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
养成教育经验材料
2014/05/26 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
送达通知书
2015/04/25 职场文书
代理词怎么写
2015/05/25 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
python保存图片的四个常用方法
2022/02/28 Python
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python