前台如何分层次显示后台取到的json格式的数据
我后台取得的数据是json格式的,具体如下,还请各位看仔细里面的层次。
{"position":"1","level":"0","is_active":"1","name":"Root","children":[{"position":"3","level":"1","is_active":"1","name":"Root Catalog","children":[{"position":"10","level":"2","is_active":"1","name":"Furniture","children":[{"position":"22","level":"3","is_active":"1","name":"Living Room","children":[],"category_id":"22","parent_id":"10"},{"position":"23","level":"3","is_active":"1","name":"Bedroom","children":[],"category_id":"23","parent_id":"10"}],"category_id":"10","parent_id":"3"},{"position":"13","level":"2","is_active":"1","name":"Electronics","children":[{"position":"8","level":"3","is_active":"1","name":"Cell Phones","children":[],"category_id":"8","parent_id":"13"},{"position":"12","level":"3","is_active":"1","name":"Cameras","children":[{"position":"25","level":"4","is_active":"1","name":"Accessories","children":[],"category_id":"25","parent_id":"12"},{"position":"26","level":"4","is_active":"1","name":"Digital Cameras","children":[],"category_id":"26","parent_id":"12"}],"category_id":"12","parent_id":"13"},{"position":"15","level":"3","is_active":"1","name":"Computers","children":[{"position":"1","level":"4","is_active":"1","name":"Build Your Own","children":[],"category_id":"27","parent_id":"15"},{"position":"2","level":"4","is_active":"1","name":"Laptops","children":[],"category_id":"28","parent_id":"15"},{"position":"3","level":"4","is_active":"1","name":"Hard Drives","children":[],"category_id":"29","parent_id":"13"},{"position":"4","level":"4","is_active":"1","name":"Monitors","children":[],"category_id":"30","parent_id":"13"},{"position":"5","level":"4","is_active":"1","name":"RAM / Memory","children":[],"category_id":"31","parent_id":"13"},{"position":"6","level":"4","is_active":"1","name":"Cases","children":[],"category_id":"32","parent_id":"13"},{"position":"7","level":"4","is_active":"1","name":"Processors","children":[],"category_id":"33","parent_id":"13"},{"position":"8","level":"4","is_active":"1","name":"Peripherals","children":[],"category_id":"34","parent_id":"13"}],"category_id":"15","parent_id":"13"}],"category_id":"13","parent_id":"3"},{"position":"18","level":"2","is_active":"1","name":"Apparel","children":[{"position":"4","level":"3","is_active":"1","name":"Shirts","children":[],"category_id":"4","parent_id":"18"},{"position":"5","level":"3","is_active":"1","name":"Shoes","children":[{"position":"16","level":"4","is_active":"1","name":"Mens","children":[],"category_id":"16","parent_id":"5"},{"position":"17","level":"4","is_active":"1","name":"Womens","children":[],"category_id":"17","parent_id":"5"}],"category_id":"5","parent_id":"18"},{"position":"19","level":"3","is_active":"1","name":"Hoodies","children":[],"category_id":"19","parent_id":"18"},{"position":"24","level":"3","is_active":"0","name":"Pants","children":[],"category_id":"24","parent_id":"18"}],"category_id":"18","parent_id":"3"},{"position":"20","level":"2","is_active":"0","name":"Household Items","children":[],"category_id":"20","parent_id":"3"}],"category_id":"3","parent_id":"1"}],"category_id":"1","parent_id":"0"};
我将后台的数据通过uiModel放入到categories字段中,前台通过${categories}获取全部的数据,但是我是想让这些数据展示成如下的样式:
Furniture
Living Room
Bedroom
Electronics
Cell Phones
Cameras
Accessories
Digital Cameras
Computers
Build Your Own
Laptops
Hard Drives
Monitors
RAM / Memory
Cases
Processors
Peripherals
Apparel
Shirts
Shoes
Mens
Womens
Hoodies
前台怎么写才能显示成这样?
{"position":"1","level":"0","is_active":"1","name":"Root","children":[{"position":"3","level":"1","is_active":"1","name":"Root Catalog","children":[{"position":"10","level":"2","is_active":"1","name":"Furniture","children":[{"position":"22","level":"3","is_active":"1","name":"Living Room","children":[],"category_id":"22","parent_id":"10"},{"position":"23","level":"3","is_active":"1","name":"Bedroom","children":[],"category_id":"23","parent_id":"10"}],"category_id":"10","parent_id":"3"},{"position":"13","level":"2","is_active":"1","name":"Electronics","children":[{"position":"8","level":"3","is_active":"1","name":"Cell Phones","children":[],"category_id":"8","parent_id":"13"},{"position":"12","level":"3","is_active":"1","name":"Cameras","children":[{"position":"25","level":"4","is_active":"1","name":"Accessories","children":[],"category_id":"25","parent_id":"12"},{"position":"26","level":"4","is_active":"1","name":"Digital Cameras","children":[],"category_id":"26","parent_id":"12"}],"category_id":"12","parent_id":"13"},{"position":"15","level":"3","is_active":"1","name":"Computers","children":[{"position":"1","level":"4","is_active":"1","name":"Build Your Own","children":[],"category_id":"27","parent_id":"15"},{"position":"2","level":"4","is_active":"1","name":"Laptops","children":[],"category_id":"28","parent_id":"15"},{"position":"3","level":"4","is_active":"1","name":"Hard Drives","children":[],"category_id":"29","parent_id":"13"},{"position":"4","level":"4","is_active":"1","name":"Monitors","children":[],"category_id":"30","parent_id":"13"},{"position":"5","level":"4","is_active":"1","name":"RAM / Memory","children":[],"category_id":"31","parent_id":"13"},{"position":"6","level":"4","is_active":"1","name":"Cases","children":[],"category_id":"32","parent_id":"13"},{"position":"7","level":"4","is_active":"1","name":"Processors","children":[],"category_id":"33","parent_id":"13"},{"position":"8","level":"4","is_active":"1","name":"Peripherals","children":[],"category_id":"34","parent_id":"13"}],"category_id":"15","parent_id":"13"}],"category_id":"13","parent_id":"3"},{"position":"18","level":"2","is_active":"1","name":"Apparel","children":[{"position":"4","level":"3","is_active":"1","name":"Shirts","children":[],"category_id":"4","parent_id":"18"},{"position":"5","level":"3","is_active":"1","name":"Shoes","children":[{"position":"16","level":"4","is_active":"1","name":"Mens","children":[],"category_id":"16","parent_id":"5"},{"position":"17","level":"4","is_active":"1","name":"Womens","children":[],"category_id":"17","parent_id":"5"}],"category_id":"5","parent_id":"18"},{"position":"19","level":"3","is_active":"1","name":"Hoodies","children":[],"category_id":"19","parent_id":"18"},{"position":"24","level":"3","is_active":"0","name":"Pants","children":[],"category_id":"24","parent_id":"18"}],"category_id":"18","parent_id":"3"},{"position":"20","level":"2","is_active":"0","name":"Household Items","children":[],"category_id":"20","parent_id":"3"}],"category_id":"3","parent_id":"1"}],"category_id":"1","parent_id":"0"};
我将后台的数据通过uiModel放入到categories字段中,前台通过${categories}获取全部的数据,但是我是想让这些数据展示成如下的样式:
Furniture
Living Room
Bedroom
Electronics
Cell Phones
Cameras
Accessories
Digital Cameras
Computers
Build Your Own
Laptops
Hard Drives
Monitors
RAM / Memory
Cases
Processors
Peripherals
Apparel
Shirts
Shoes
Mens
Womens
Hoodies
前台怎么写才能显示成这样?
...全文
相关推荐
json的基本传值方式(从前台到后台,再从后台到前台)
后台到前台的JSON数据返回**后台处理完前端请求后,通常会返回JSON格式的数据。
jQuery实现将mysql数据库中的数据转化为json数据在前台显示
本主题聚焦于"jQuery实现将mysql数据库中的数据转化为json数据在前台显示",涉及到的关键技术包括jQuery的$.getJSON()和$.ajax()方法,以及后台的servlet和mysql
如何处理后台向前台传递的json数据
在现代的网络编程实践中,后台向前台传递数据通常是通过JSON格式进行的。
BootStrap Table前台和后台分页对JSON格式的要求
总结来说,BootStrap Table在前台分页模式下,要求返回的JSON数据为数组格式,而在后台分页模式下,返回的JSON数据中必须包含"total"和"rows"字段。
基于ajax后台返回的数据为空前台显示出现undefined的解决方法
在上述示例代码中,开发者通过在前端遍历Ajax返回的JSON数据,并对每一个字段进行空值检查,成功地解决了“undefined”显示的问题。


