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 存在陷阱 删除某一区域所有节点
May 10 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
js实现登录框鼠标拖拽效果
Mar 09 Javascript
vue iView 上传组件之手动上传功能
Mar 16 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
vue-router为激活的路由设置样式操作
Jul 18 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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
不错的一篇面向对象的PHP开发模式(简写版)
2007/03/15 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
python绘制漏斗图步骤详解
2019/03/04 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
计算机专业推荐信范文
2013/11/20 职场文书
库房主管岗位职责
2013/12/31 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
公司领导班子对照材料
2014/08/18 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
行政介绍信范文
2015/05/04 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
python元组打包和解包过程详解
2021/08/02 Python
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android
vue选项卡切换的实现案例
2022/04/11 Vue.js