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 设计模式学习 Factory
Jul 29 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
js进行表单验证实例分析
Feb 10 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
Js中async/await的执行顺序详解
Sep 22 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 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 中文乱码解决办法总结分析
2009/07/30 PHP
PHP安全性漫谈
2012/06/28 PHP
php防止伪造的数据从URL提交方法
2014/06/27 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
popdiv
2006/07/14 Javascript
JavaScript 模拟用户单击事件
2009/12/31 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
JS常用算法实现代码
2016/11/14 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python进阶教程之异常处理
2014/08/30 Python
在Python中使用Mako模版库的简单教程
2015/04/08 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Python实现播放和录制声音的功能
2020/08/12 Python
Python下载的11种姿势(小结)
2020/11/18 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
2014春晚主持词
2014/03/25 职场文书
推广活动策划方案
2014/08/23 职场文书
小学班级管理心得体会
2016/01/07 职场文书
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技