js读取战斗支援车文件并使用json显示出来

摘要：

前面分享了用射流研究…将json数据下载为战斗支援车文件，方便后期管理。但是对于测试人员更希望能够以页面的形式展现任务，所以就做了一个将战斗支援车文件展现在页面上的例子。

代码：

复制代码代码如下：DOCTYPE html html head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title CSV/title script src=' http :3358代码。jquery。com/jquery-1。11 .0 .量滴js '/script script src=' http :/papa解析。量滴js /脚本样式html，body { font-size : 14pxfont-family : ' Microsoft Yahei '，Tahoma，Verdana，simsun，sans-serif；}表格{宽度： 85%；余量： 30px自动；}/style/head body表格id=' table '边框=' 1 '标题CSV转JSON/标题和tr th vehicle/th th date/th th location/th th speed/th/tr/the和t body/t body/表脚本Papa.parse(./Result.csv '，{ download: true，complete : function(results){ var data=results。数据，htmlfor(var i=1，_ l=数据。长度-1；I _ l；I){ var item=data[I]；html='trtd '项[0]。子字符串(1) '/tdtd '项[1]。子字符串(1) '/tdtd '项[2]。子字符串(1) '/tdtd '项[3]。子串(1)'/TD/tr '；} $('#table tbody ').追加(html)；} });/脚本/正文/html

效果图：

注意：上面的例子需要服务环境