首頁  >  文章  >  web前端  >  js讀取csv檔並使用json顯示出來_javascript技巧

js讀取csv檔並使用json顯示出來_javascript技巧

WBOY
WBOY原創
2016-05-16 16:21:211807瀏覽

摘要:

前面分享了用js將json資料下載為csv文件,方便後期管理。但對於測試人員更希望能夠以頁面的形式展現任務,所以就做了一個將csv檔案展現在頁面上的例子。

代碼:

複製程式碼 程式碼如下:




   
    csv
    >
   
   


   
       
       
           
               
               
               
               
           
       
       
       
   
CSV轉JSON
Vehicle Date Location Speed

    <script><br />     Papa.parse('./Result.csv', {<br />         download: true,<br />         complete: function(results) {<br />             var data = results.data, html;<br />             for(var i = 1, _l = data.length-1; i < _l; i ) {<br />                 var item = data[i];<br /> html = '<tr><td>' item[0].substring(1) '<td>' item[1].substring(1) '<td>' item[2] .substring(1) '<td>' item[3].substring(1) '';<br />             }<br />             $('#table tbody').append(html);<br />         }<br />     });<br />     </script>


效果圖:

注意:上面的範例需要服務環境

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn