jQuery Ajax请求后台数据并在前台接收
2019/6/27 21:35:11
本文主要是介绍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 Ajax请求后台数据并在前台接收的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-24Vue CLI多环境配置学习:从入门到实践
- 2024-11-24Vue CLI多环境配置学习:新手入门教程
- 2024-11-24Vue CLI学习:初学者指南
- 2024-11-24Vue CLI学习:从入门到上手的简单教程
- 2024-11-24Vue3+Vite学习:从零开始的前端开发之旅
- 2024-11-24Vue3阿里系UI组件学习入门教程
- 2024-11-24Vue3的阿里系UI组件学习入门指南
- 2024-11-24Vue3公共组件学习:新手入门教程
- 2024-11-24Vue3公共组件学习入门指南
- 2024-11-24vue3核心功能响应式变量学习