ホームページ > ウェブフロントエンド > jsチュートリアル > js は csv ファイルを読み取り、json_javascript スキルを使用して表示します

js は csv ファイルを読み取り、json_javascript スキルを使用して表示します

WBOY
リリース: 2016-05-16 16:21:21
オリジナル
1814 人が閲覧しました

概要:

以前に、後の管理を容易にするために js を使用して json データを csv ファイルにダウンロードしたことを共有しました。ただし、テスターはタスクをページ形式で表示することを好むため、ページ上に csv ファイルを表示する例を作成しました。

コード:

コードをコピーします コードは次のとおりです:



<頭>

csv

<スタイル>
html,body{
font-size: 14px;
フォントファミリー: 'Microsoft Yahei'、Tahoma、Verdana、simsun、sans-serif;
}
テーブル {幅: 85%; マージン: 30px 自動;}




                                                                                                                                                                                                                                                                                           &lt; th&gt; beil&lt;/th&gt;
                                                                                                                                                                                      &lt; th&gt; location&lt;/th&gt;
';
}
$('#table tbody').append(html);
}
});






レンダリング:



注: 上記の例にはサービス環境が必要です
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
速度
                                                                                                                   
                                                                                                                                                                             
<スクリプト>
Papa.parse('./Result.csv', {
ダウンロード: true、
完了: function(result) {
var data = results.data, html;
for(var i = 1, _l = data.length-1; i var item = data[i];
html = '
' item[0].substring(1) '' item[1].substring(1) '' item[3].substring(1) '