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

 更新时间:2016年12月10日 10:00:45   作者:LexNg  
这篇文章主要介绍了jQuery Ajax请求后台数据并在前台接收的相关资料,需要的朋友可以参考下

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请求后台数据并在前台接收,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • jQuery实现对网页节点的增删改查功能示例

    jQuery实现对网页节点的增删改查功能示例

    这篇文章主要介绍了jQuery实现对网页节点的增删改查功能,涉及jQuery针对网页DOM节点的获取、属性修改等相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)

    如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)

    使用jquery控制CSS样式,并且取消Css样式的一个简单小实例,需要的朋友可以参考下
    2013-07-07
  • 鼠标拖动实现DIV排序示例代码

    鼠标拖动实现DIV排序示例代码

    鼠标拖动实现DIV排序的教程有很多,在本文将为大家详细介绍个不错的示例,对比传统的排序,这是一个很不错的尝试
    2013-10-10
  • ajax无刷新动态调用股票信息(改良版)

    ajax无刷新动态调用股票信息(改良版)

    今日闲来无事,把上次写的代码稍微改了改。增加了动态追加和删除股票信息的功能(代码基于jquery运行:http://jquery.com/) 。由于对Ajax技术的认识还只是在初级阶段,总觉得这么些有点别扭,希望大虾能够指点一二。
    2008-11-11
  • 再次分享18个非常棒的jQuery表格插件

    再次分享18个非常棒的jQuery表格插件

    我们一般都是用HTML表格来显示结构化数据,如今有很多的 jQuery 表格插件可以帮助我们更好的组织和控制表格数据,增强表格的功能和操作。今天要与大家分享的是18个非常优秀的 jQuery 表格插件,有用到朋友可以参考一下。
    2011-04-04
  • jQuery实现常见的隐藏与展示列表效果示例

    jQuery实现常见的隐藏与展示列表效果示例

    这篇文章主要介绍了jQuery实现常见的隐藏与展示列表效果,结合完整实例形式分析了jQuery事件响应及针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-06-06
  • jquery 简单导航实现代码

    jquery 简单导航实现代码

    jquery简单导航实现代码,需要的朋友可以参考下。
    2009-09-09
  • 详解jQuery如何实现模糊搜索

    详解jQuery如何实现模糊搜索

    这篇文章主要介绍了jQuery如何实现模糊搜索,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 简洁Ajax函数处理(示例代码)

    简洁Ajax函数处理(示例代码)

    Ajax是前后端交互经常用的,虽然jQuery疯狂ajax处理函数 $.post(), $.get(); $.ajax()已经大大的简化了ajax的函数处理,但我们可以更加精益求精
    2013-11-11
  • jquery mobile事件多次绑定示例代码

    jquery mobile事件多次绑定示例代码

    这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,感兴趣的朋友可以了解下
    2013-09-09

最新评论