作者anubiss (左半边的虚无)
看板Web_Design
标题[问题] 如何美化读到的json资料
时间Thu Oct 8 04:59:29 2015
想请问一下关於读到的json内容 如何在html里面变得比较美观
http://huayuheh.com/billbo/week4/BBnew/
帐号123
密码123
目前老师给的json资料 是像
1 Paneer Cniii 8.99\n1 Medium\n\n1 Veg Maiai Koita 8.99\n1 Medium.\n\n1 Union Kuicna 2.25\n\n1 Kingfisher - 12 oz 3.95\n\n1 Sweet Lasei 1.99\n\n1 Sweet Lassi 1.99\n\n1 Kingfisher - 12 oz 3.95\n\nSub Totai: 32.11\n\nTax: 2.81\n\nTotai: 34.92\n\nAmount Due: 34.92
(在 console 中可看到完整json资料)
查到一些美化的方式 是用js replace();
不知道有没有简单一点的方式可以让资料排的比较好看
目前是有写
items = items.replace(/\n\n/g,"</li><li>");
items = items.replace(/(\d+.\d+)/g,"<span>$$1</span>");//金额
items = items.replace(/<li>(\d+\s+)/g,"<li><em>$1</em>");//产品数量
items = items.replace(/(\w+\s)/g,"<strong>$1</strong>");//产品名称（不太正确）
目前只能选取产品数量 还有金额 不知道该怎麽写replace()中的条件
才能表示出 中间产品的名字 或是 sub total 的指定金额
最终是希望可以做成像表格 产品部分的表头是 数量 名称 价格 备注
1 paneer cniii $8.99 1 medium
...
价格那边可以合并（数量和名称的栏位） 变成 sub total $32.11
Tax $2.81
类似这样的感觉 不知道能不能做出来？
十分感谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 67.170.248.110
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1444251572.A.540.html
1F：→ airtsubasa: 有老师了为啥不问老师？最笨的方法回圈下去跑，解析， 10/08 09:09
2F：→ airtsubasa: 每个\n一个td，下一笔就tr，超像作业zz 10/08 09:09
3F：推 ian90911: 请老师把json设计成有属性的 就可以方便做parse了 10/08 09:42
4F：推 shadowjohn: 先把内容转成二维阵列，要汇table csv xml都是一行... 10/08 10:45
5F：→ anubiss: 老师的作业就是把这个美化XD 10/08 10:47
6F：→ anubiss: 每个产品转成js array ? 10/08 10:59
8F：推 shadowjohn: 我是觉得先作好资料归类，一看就大概知道几种状况了 10/08 11:19