我在后台获取到了如下格式的字符串，请问如何转换成json在前台以表格形式展现出来？

xuanxiao325

rt，我在后台java得到这样一个字符串：
{"datas":[],"msg":{"datas":[{"date":"Tue 06 Jun 2017 15:19","loc":"ADELAIDE","moves":"Empty to shipper","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Thu 08 Jun 2017 21:35","loc":"ADELAIDE","moves":"Ready to be loaded","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Fri 16 Jun 2017 01:16","loc":"ADELAIDE","moves":"Loaded on board","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 09:23","loc":"SINGAPORE","moves":"Discharged in transhipment","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 23:19","loc":"SINGAPORE","moves":"Loaded on board","vessel":"AL BAHIA","voyage":"34SNNW"},{"date":"Wed 26 Jul 2017 14:35","loc":"LONDON GATEWAY PORT, ESS","moves":"Discharged","vessel":"AL BAHIA","voyage":"213NNE"},{"date":"Tue 01 Aug 2017 09:50","loc":"LONDON GATEWAY PORT, ESS","moves":"Container to consignee","vessel":"AL BAHIA","voyage":"213NNE"}],"headers":["Date","Moves","Loc.","Vessel","Voyage"]},"success":true}{"datas":[],"msg":{"datas":[{"date":"Tue 06 Jun 2017 15:19","loc":"ADELAIDE","moves":"Empty to shipper","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Thu 08 Jun 2017 21:35","loc":"ADELAIDE","moves":"Ready to be loaded","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Fri 16 Jun 2017 01:16","loc":"ADELAIDE","moves":"Loaded on board","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 09:23","loc":"SINGAPORE","moves":"Discharged in transhipment","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 23:19","loc":"SINGAPORE","moves":"Loaded on board","vessel":"AL BAHIA","voyage":"34SNNW"},{"date":"Wed 26 Jul 2017 14:35","loc":"LONDON GATEWAY PORT, ESS","moves":"Discharged","vessel":"AL BAHIA","voyage":"213NNE"},{"date":"Tue 01 Aug 2017 09:50","loc":"LONDON GATEWAY PORT, ESS","moves":"Container to consignee","vessel":"AL BAHIA","voyage":"213NNE"}],"headers":["Date","Moves","Loc.","Vessel","Voyage"]},"success":true}{"datas":[],"msg":{"datas":[{"date":"Tue 06 Jun 2017 15:19","loc":"ADELAIDE","moves":"Empty to shipper","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Thu 08 Jun 2017 21:35","loc":"ADELAIDE","moves":"Ready to be loaded","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Fri 16 Jun 2017 01:16","loc":"ADELAIDE","moves":"Loaded on board","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 09:23","loc":"SINGAPORE","moves":"Discharged in transhipment","vessel":"E. R. DENMARK","voyage":"188NNW"},{"date":"Sun 25 Jun 2017 23:19","loc":"SINGAPORE","moves":"Loaded on board","vessel":"AL BAHIA","voyage":"34SNNW"},{"date":"Wed 26 Jul 2017 14:35","loc":"LONDON GATEWAY PORT, ESS","moves":"Discharged","vessel":"AL BAHIA","voyage":"213NNE"},{"date":"Tue 01 Aug 2017 09:50","loc":"LONDON GATEWAY PORT, ESS","moves":"Container to consignee","vessel":"AL BAHIA","voyage":"213NNE"}],"headers":["Date","Moves","Loc.","Vessel","Voyage"]},"success":true}

请问我如何将这个字符串返回到前台，以data组件形式展现出来？

liangyongfei

http://docs.wex5.com/wex5-ui-question-list-2032/
必须转换成简单数据格式才能加进去！
需要根据当前ｊｓｏｎ数据！制作一个符合/UI2/demo/tuniu/json/cityData.json
这种格式的数据！

xuanxiao325

就是不知道怎么转换。老师你帮忙看看上面那种格式，我该怎么转换？

liangyongfei

xuanxiao325 发表于 2017-8-3 18:19
就是不知道怎么转换。老师你帮忙看看上面那种格式，我该怎么转换？

你先把你的json数据格式化一下！
json字符串是可以转成js对象的！
类似于http://docs.wex5.com/wex5-ui-question-list-2144

这个你可以上网搜下下！方法！
先把你的json数据转成js对象，然后从js对象中获取同一类数据。比如

1. "date":"Tue 06 Jun 2017 15:19","loc":"ADELAIDE","moves":"Empty to shipper","vessel":"E. R. DENMARK","voyage":"188NNW"

复制代码

同一类数据取出来，放在同一个数组中！

然后把同一数据loadData方法到 一个data组件中！