jQuery 中ajax回调函数获得的数据格式问题
目的:在使用ajax做前、后台交互时,有时需将从controller返回的数据在jsp页面的表格展示出来;但是,如果数据格式不对,是无法展示的。
解决方法:
1.controller中返回一个List类型的数据;
2.在前台页面中,用下述方法获取:
$.ajax({ url: "${pageContext.request.contextPath}/XXXXXX.action", type: "POST", async: false, data: {}, success: function(result) { // 将json格式的数据转换成object对象,否则无法在grid中显示;此处的grid是用KendoUI控件实现的表格 var json = JSON.parse(result); var grid = $("#grid").data("kendoGrid"); // 此处的 grid 是在页面中表格的div中的id var dataSource = new kendo.data.DataSource( {data: json, pageSize: 10}); grid.setDataSource(dataSource); }, error: function(result) { alert("传输出错"); } });
3. 期望通过KendoUI等控件使用表格在前台页面展示出返回的result数据,
但此时回调函数返回的result是一串JSON格式数据, 那么在前台是无法展示的;
本人试了,使用Object对象才能在表格中展示(有可能是本人见识比较少,只知道这一种方法)。
因此需要做上述的 json格式转换;
jQuery 中ajax回调函数获得的数据格式问题相关推荐
- java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...
- 理解与使用Javascript中的回调函数
在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用.既然函数实际上是对象:它们能被"存储"在变量中,能作为函数参数被传递,能在函数中被创建, ...
- 【JavaScript】理解与使用Javascript中的回调函数
在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用.既然函数实际上是对象:它们能被"存储"在变量中,能作为函数参数被传递,能在函数中被创建, ...
- jquery中ajax应用——load()函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax应用之load()函数 $(selector).load(URL,data,callback)函数通常来 ...
- jQuery AJAX回调函数this指向问题
了解JavaScript的人都知道JavaScript的this不总是指向当前对象,函数或类中的this指向与调用这个函数的对象以及上下文环境是息息相关的.如在全局作用域调用一个含this的对象,此时 ...
- jQuery中Ajax的$.get()、$.post()、$.ajax()函数
(笔记,学的是黑马Ajax的教程day01) 目录 (一).$.get()函数 (1.1)使用$.get()发起 不带参数 的请求 (1.2)使用$.get()发起 带参数 的请求 (二).$.pos ...
- spring返回数据使用ajax,【spring 后台跳转前台】使用ajax访问的后台,后台正常执行,返回数据,但是不能进入前台的ajax回调函数中...
问题1: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示: 问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...
- jquery中ajax应用中的通用ajax()函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax应用--通用ajax函数 jquery提供了比get和post更加通用的ajax() 代码如下: $.a ...
- jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
最新文章
- 〖Linux〗使用Qt5.2.0开发Android的NDK应用程序
- 大学生智能汽车竞赛-讯飞智慧餐厅组别成绩公示!
- 只会使用 WaitGroup?你应该学习下 ErrGroup!
- Storm架构和编程模型总结
- SpringMVC_跟踪请求
- mysql去除重复数据 重建表_MySQL 中重建mysql库中的表
- MongoDB 唯一索引
- 查询 JetsonNano I2C 的工作频率(波特率)
- Reflection probes
- 应该用BPM管理业务规则吗?
- 英语学习——长难句01
- 在Hyper-V中手动将.avhd合并到.vhd
- 计算机网络基础以及linux面试知识点总结
- 外贸收款方式精辟分析 1
- 搜狐新闻如何玩?张朝阳演讲透露玄机
- Chrome,Firefox浏览器驱动下载地址
- 大数据分析的下一代架构--IOTA架构[上]
- Matlab 编程 《计算流体力学基础及应用(约翰D安德森)》 全亚声速等熵喷管流动CFD解法 拉瓦尔喷管 非守恒形式方程解法
- N78 操作系统维护基础
- 如何用16s rRNA测序数据计算特定菌种的相对丰度并比较