jQuery でCSVデータを簡単に取り扱える「jQuery CSV」

Check このエントリーをはてなブックマークに追加

jQuery CSV

配布元:Plugins | jQuery Plugins | CSV
ライセンス:Apache License, Version 2.0

jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。

利用方法

次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。

var csv = $.csv()(CSVデータ)

CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。

$.get('data.csv',function(data){
	//Ajax後の処理
})

つまり、次のようなJavaScriptを実行することでCSVファイル(data.csv)のデータをテーブルとして表示することが出来ます。

$(function(){
	$.get('data.csv',function(data){
		var csv = $.csv()(data);
		$(csv).each(function(){
			if(this[0] && this[1] && this[2] && this[3]){
				$("#csv").append("<tr><td>"+this[0]+"</td><td>"+this[1]+"</td><td>"+this[2]+"</td><td>"+this[3]+"</td></tr>");
			}
		})
	})
})

サンプル

スポンサードリンク

コメント

カテゴリー:Ajax csv jQuery ライブラリ