一.后端数据传递到JSON
step1.要导入有关json的jar包,比如fastjson
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.76</version>
</dependency>
step2:如果后端传来的数据是容器,比如list,那么就可以通过JSON.toJSONString(list)实现将其转换成json格式
tips:值得注意的点是,如果是一般的ArrayList,那么可以@Response直接传递到前端
当然通过工具转换成json格式更加通用,比如:
@RequestMapping("/goodList")
@ResponseBody
public String goodList() throws SQLException {
GoodsServiceImpl goodsService = new GoodsServiceImpl();
ArrayList<Goods> goods = goodsService.showGoodsList();
return JSON.toJSONString(goods);
}
二.前端获得JSON数据后的处理方法之一
如果得到的json数据是list转换而来,那么可以通过方法将其转化成js中的数组,
比如:
$("#btn").click(function (){
console.log("aa");
$.get("${pageContext.request.contextPath}/goodList",function (data){
console.log(data);
console.log("bb");
var html = "";
var dd = JSON.parse(data);//将json再次转化成数组,方便后续调用
console.log(dd);
for (let i = 0; i < dd.length; i++) {
html += "<tr>" +
"<td>" + dd[i].name +"</td>" +
"<td>" + dd[i].color +"</td>" +
"<td>" + dd[i].price +"</td>" +
"<td>" + dd[i].count +"</td>" +
"</tr>"
}
$("#content").html(html);
})
})