jQueryを用いて複数のcsvを読み込んでリスト化したいと考えています。複数のサイトから参考になりそうなプログラムを拝借して以下のようなindex.htmlを作成しxamppで読み込むものの、うまく動きません。
無学で申し訳ありませんが、以下のプログラムで誤り等ございましたらご指摘頂けると幸いです。
具体的には以下のindex.htmlと同じ層にあるcsvフォルダ内の001.csv, 002.csv, ・・・を読み込んでcsvの内容をそれぞれ表示しようとしています。
(csvは時間、名前、URLといった並び)
function readCsv() {
// URLのパラメータを取得する
var $dir = location.href.split("#");
var $dir2 = $dir[$dir.length -1];
// idと同じ名前のCSVを読み込む $.get('./csv/' + $dir2 + '.csv',function(data){ var csv = $.csv.toArrays(data); var productlist = ''; //indexを使ってくり返し回数をカウント $(csv).each(function(index){ if(index != 0 && this[0] != "" ){ productlist += '<li><label for="' + this[0] + '">' + this[2] + '</label></li>'; } }); // <ul>内に挿入 $("ul").append(productlist); });
};
</script> </head> <body> <div id="001"> <ul> </ul> </div> </body> </html>