jQuery的Ajax接收java返回数据方法


Posted in jQuery onAugust 11, 2018

1.前端Ajax请求如下:

$.ajax({
  type : "post",
  //async:false,
  url : PATH + "/product/selectPicture.action",
  dataType : "json",
  success : function(data) {
   $.each(data,function(k,v){
     alert(k +":"+ v);
    });
  }
 });

2 其中PATH在jsp页面中定义:

<%
String path=request.getContextPath();
%>
<script>
 var PATH = ‘<%=path%>';
</script>

2.1 后端java代码输出json格式数据:

List<Map<String,Object>> list = bo.selectData();
response.setContentType("application/json;charset=GBK");
PrintWriter out=response.getWriter();  
out.write(JSONArray.fromObject(list).toString());
out.flush();
out.close();

其中list为从数据库中查出的数据,JSONArray.fromObject(list)需要导入json-lib-2.4-jdk15.jar包,而且这个包需要在导入几个依赖包才能用这个百度一下吧。注意返回的格式为json,和编码格式。

2.2 也可以使用alibaba的fastjson1.2.8.jar包,那么后端就该这么写:

List<Map<String,Object>> list = productService.selectCategory();
String jsonString = JSON.toJSONString(list, true); 
response.setContentType("application/json;charset=utf-8"); 
PrintWriter out = response.getWriter();
out.write(jsonString);
out.flush();
out.close();

2.3 如果后端用的是基于注解的springMVC,就这么写:

@ResponseBody
public JSONArray selectData(HttpServletRequest request){ 
  List<Map<String,Object>> list= bo.selectData(); 
  return JSONArray.fromObject(list);
 }

就是在方法前加上@ResponseBody注解,并return json格式的数据即可。

3 如果Ajax要求返回的数据类型为 dataType : “html”,那么后端java就是:

String key = bo.selectData();
response.setContentType("text/html;charset=utf-8");
Writer out = response.getWriter();
out.write(key);
out.flush();
out.close();

在Ajax的success : function(data) { }方法中,data就是就是从后端返回的数据。

以上这篇jQuery的Ajax接收java返回数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
基于jQuery实现瀑布流页面
Apr 11 jQuery
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 #jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 #jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 #jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 #jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 #jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 #jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 #jQuery
You might like
操作Oracle的php类
2006/10/09 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
零基础php编程好学吗
2019/10/11 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
Python与Redis的连接教程
2015/04/22 Python
Python算术运算符实例详解
2017/05/31 Python
python九九乘法表的实例
2017/09/26 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
时尚休闲吧创业计划书
2014/01/25 职场文书
军训拉歌口号
2014/06/13 职场文书
五五普法心得体会
2014/09/04 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
教师党员个人总结
2015/02/10 职场文书
活动经费申请报告
2015/05/15 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
Spring Security使用单点登录的权限功能
2022/04/03 Java/Android
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python
Go gorilla/sessions库安装使用
2022/08/14 Golang