首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >未能处理JQuery格式的Spring中的JSON数据

未能处理JQuery格式的Spring中的JSON数据
EN

Stack Overflow用户
提问于 2015-12-16 20:31:09
回答 1查看 58关注 0票数 1

我需要JQuery代码从Spring控制器中获取JSON数据,并对其进行处理,然后在html中显示数据。

我的Spring控制器名称: ProductInfo传递值:今天

http://localhost:8080/Cart/ProductInfo/today

它返回以下JSON数据

代码语言:javascript
代码运行次数:0
运行
复制
[{"productImage":null,"productId":"flower","productName":"rose","productPrice":23.0,"productCategory":"today"},{"productImage":null,"productId":"lotus","productName":"rose","productPrice":23.0,"productCategory":"today"}]

我想要一个JQuery代码来使用jQuery获取数据并对其进行处理。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-16 20:59:52

像这样吗?

代码语言:javascript
代码运行次数:0
运行
复制
var serverInfo = '[{"productImage":null,"productId":"flower","productName":"rose","productPrice":23.0,"productCategory":"today"},{"productImage":null,"productId":"lotus","productName":"rose","productPrice":23.0,"productCategory":"today"}]'
,   parsedInfo = JSON.parse(serverInfo)
,   list = $("#productList")
,   newElements = ''
,   newList = '';

$.each( parsedInfo, function( key, value ) {
    newList = '<li><ul>';

  newElements = '<li> Product Id: ' + value.productId + '</li><br />';
  newElements += '<li> Product Name: ' + value.productName + '</li><br />';
  newElements += '<li> Product Price: ' + value.productPrice + '</li><br />';
  newElements += '<li> Product Category: ' + value.productCategory + '</li><br />';

  newList += newElements;
  newList += '</li></ul>';

  list.append(newList);
});

请参阅https://jsfiddle.net/4xny1h18/

关于从服务器获取信息,看看您是否可以尝试

代码语言:javascript
代码运行次数:0
运行
复制
$.get( "Cart/ProductInfo/today", function( data ) {
    // data would be the JSON you wrote.
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34321544

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档