ページ 1 ／ 1
html,javascript⇒csvファイルを読みこむプログラムについて
Posted: 2016年12月12日(月) 20:18
by whiteusagi
はじめて投稿させていただきます．
ただいまhtml,javascriptを用いて，CSVファイルを読み取るというプログラムを作成しています．
しかしcsvファイルをいじることは今回が初めてで知識が全くありません．
ここでためしに下記のプログラムを動かしてみようと思い，ソースをそのままコピーしてプログラムを作成してみました．
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/002/
しかし，なぜかボタンを押しても何も出ず反応がありません．
勿論htmlファイルとcsvファイルを作成して行いました．
何が原因でこうなるのでしょうか．
csvファイルを読みこむためにはPHPを使用する時みたいに，なにか新しく環境を構築させる必要があるのでしょうか．
Re: html,javascript⇒csvファイルを読みこむプログラムについて
Posted: 2016年12月12日(月) 20:46
by C6b14
まず meta 行の / がないのとjavascriptのソースsrc="xmlhttp.js"を提示した頂かないと？
その他にもおかしいところがあります。
コード:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis"/>
<title>CSVファイルを表示する</title>
<script type="text/javascript" src="xmlhttp.js"></script>
Re: html,javascript⇒csvファイルを読みこむプログラムについて
Posted: 2016年12月12日(月) 21:17
by C6b14
htmlファイルとcsvファイルxmlhttp.jsファイルを提示してください。
（albumの上にコードボタンがあります。そこにhtmlLの内容を入れてください。csvも同様に。そして同じようにjavascriptのソースsrc="xmlhttp.js"を提示下さい。（わかりにくいので他の質問をみてコードをどのように送っているか参考にして下さい。）
Re: html,javascript⇒csvファイルを読みこむプログラムについて
Posted: 2016年12月12日(月) 21:31
by C6b14
もしかしてsample.csvはこうなっていますか？
コード:
91,塩ラーメン,300
94,味噌ラーメン,290
95,豚骨ラーメン,320
102,牛丼,150
200,カレー,80
201,ドライカレー,85
500,コーンスープ,25
502,野菜スープ,35
505,コンソメスープ,31
Re: html,javascript⇒csvファイルを読みこむプログラムについて
Posted: 2016年12月12日(月) 21:38
by あんどーなつ
http://www.openspc2.org/JavaScript/Ajax ... ter03/002/
上記のページに（サンプルを実行する）というのがありましたが、私のローカルにindex.html, sample.csv, xmlhttp.jsを配置しても、Loading...が表示されたままでした。
XAMPPのコンテンツフォルダに３つのファイルを配置してXAMPPを起動、localhostを開くと正しく動作しました（テーブルは文字化けしましたが）。
つまり、HTMLサーバから開かないとJavascriptが正しく動作しないようです。
XAMPPなどのテスト環境をインストールして試してください。