検索

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

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

WBOY
WBOYオリジナル
2016-05-16 16:21:211806ブラウズ

概要:

以前に、後の管理を容易にするために 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);
}
});






レンダリング:



注: 上記の例にはサービス環境が必要です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：『JavaScript DOMプログラミング術』読書メモ - JavaScriptピクチャライブラリ_Javascriptスキル次の記事：『JavaScript DOMプログラミング術』読書メモ - JavaScriptピクチャライブラリ_Javascriptスキル

関連記事

続きを見る
速度
                                                                                                                   
                                                                                                                                                                             
<スクリプト>
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) '