[問題] 如何美化讀到的json資料

看板Web_Design作者anubiss (左半邊的虛無)時間9年前 (2015/10/08 04:59)推噓4(4推 0噓 4→)

留言8則, 4人參與討論串1/2 (看更多)

想請問一下關於讀到的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,"$$1");//金額 items = items.replace(/<li>(\d+\s+)/g,"<li>$1");//產品數量 items = items.replace(/(\w+\s)/g,"$1");//產品名稱（不太正確）目前只能選取產品數量還有金額不知道該怎麼寫replace()中的條件才能表示出中間產品的名字或是 sub total 的指定金額最終是希望可以做成像表格產品部分的表頭是數量名稱價格備註 1 paneer cniii $8.99 1 medium ... 價格那邊可以合併（數量和名稱的欄位）變成 sub total $32.11 Tax $2.81 類似這樣的感覺不知道能不能做出來？十分感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 67.170.248.110 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1444251572.A.540.html

→

airtsubasa

10/08 09:09, , 1^F

10/08 09:09, 1^F

→

airtsubasa

10/08 09:09, , 2^F

10/08 09:09, 2^F

推

ian90911

10/08 09:42, , 3^F

10/08 09:42, 3^F