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 相关文章推荐
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
基于jQuery的树控件实现代码(asp.net+json)
Jul 11 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
jQuery 选择器详解
Jan 19 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
ES6扩展运算符和rest运算符用法实例分析
May 23 Javascript
JS猜数字游戏实例讲解
Jun 30 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开发框架总结收藏
2008/04/24 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
javascript EXCEL 操作类代码
2009/07/30 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
nodejs实现聊天机器人功能
2019/09/19 NodeJs
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Python实现统计文本文件字数的方法
2017/05/05 Python
python实现随机调用一个浏览器打开网页
2018/04/21 Python
python3+PyQt5实现柱状图
2018/04/24 Python
利用指针变量实现队列的入队操作
2012/04/07 面试题
美德好少年事迹材料
2014/01/19 职场文书
机械专业求职信
2014/05/25 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
车辆管理制度范本
2015/08/05 职场文书
高中运动会广播稿
2015/08/19 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS