jQuery 中ajax回调函数获得的数据格式问题

最新推荐文章于 2023-01-04 15:20:49 发布

原创最新推荐文章于 2023-01-04 15:20:49 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web KendoUI ajax #jquery #数据

web开发前端 ajax 回调函数专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在前端使用Ajax从后端获取List数据，并利用KendoUI将其展示在表格中。具体步骤包括从Controller接收JSON格式的数据、转换为Object对象，最后设置数据源到KendoUI网格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目的：在使用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格式转换；