>  기사  >  웹 프론트엔드  >  js读取csv文件并使用json显示出来_javascript技巧

js读取csv文件并使用json显示出来_javascript技巧

WBOY
WBOY원래의
2016-05-16 16:21:211763검색

摘要:

前面分享了用js将json数据下载为csv文件,方便后期管理。但是对于测试人员更希望能够以页面的形式展现任务,所以就做了一个将csv文件展现在页面上的例子。

代码:

复制代码 代码如下:




   
    csv
    ">http://code.jquery.com/jquery-1.11.0.min.js">>
   
   


   
       
       
           
               
               
               
               
           
       
       
       
   
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으로 문의하세요.