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 相关文章推荐
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery zTree插件使用简单教程
Aug 16 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
js、jquery实现列表模糊搜索功能过程解析
Mar 27 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
PHP.MVC的模板标签系统(二)
2006/09/05 PHP
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
php数组指针操作详解
2017/02/14 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
Node.js Express安装与使用教程
2018/05/11 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
深入学习python多线程与GIL
2019/08/26 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
回门宴答谢词
2014/01/13 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
出生公证委托书
2014/04/03 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
JavaScript中reduce()的用法
2022/05/11 Javascript