我需要JQuery代码从Spring控制器中获取JSON数据,并对其进行处理,然后在html中显示数据。
我的Spring控制器名称: ProductInfo传递值:今天
http://localhost:8080/Cart/ProductInfo/today
它返回以下JSON数据
[{"productImage":null,"productId":"flower","productName":"rose","productPrice":23.0,"productCategory":"today"},{"productImage":null,"productId":"lotus","productName":"rose","productPrice":23.0,"productCategory":"today"}]
我想要一个JQuery代码来使用jQuery获取数据并对其进行处理。
发布于 2015-12-16 12:59:52
像这样吗?
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/
关于从服务器获取信息,看看您是否可以尝试
$.get( "Cart/ProductInfo/today", function( data ) {
// data would be the JSON you wrote.
});
https://stackoverflow.com/questions/34321544
复制相似问题