PHPとJavascriptの連携

質問

こんにちは。
PHPとJavascriptの連携について質問があります。

↓のコードは、
（１）PHPの側で、test.csvというＣＳＶファイルからデータを配列に読み込み、
（２）その配列データをJavascriptに渡し、
（３）カウンター番号の配列データをHTMLのTextに表示させる

という流れを意図したものです。

しかし、$question[]配列がJavascriptにうまくわたっていないようで、エラーになります。
発想自体に問題があるのか、表現の仕方がまずいのか、ご指摘いただきたくよろしくお願い申し上げます。

*************************************↓コード

<script language="Javascript">
var $question = new Array();
var n = 0;

function disp()
{
document.myform.mytext.value = $question[n]; //Textに$question[n]を表示させる
n++;
}

</script>

//------------------------------------------------------------------------

<form name="myform" >
<input name="mytext" type="text"><br>
<input name="mybutton" type="button" value="click" onclick="disp(this)">
</form>

//------------------------------------------------------------------------

<?php

$fp = fopen("test.csv", "r"); //CSVファイルを開く

$count = 0;　　　　　　　　　　　//カウンターを初期化する

while(!(feof($fp)))　　　　　　　//ファイルの終端まで読み込む
{
$buf = fgets($fp, 1024);
$buf = chop($buf); //文末にある改行文字を削除する
$data = split(",", $buf); // , ごとに区切って配列に格納する
$question[$count] = $data[0]; //question[]配列に$data[0]を格納する
$answer[$count] = $data[1]; //answer[]配列に$data[1]を格納する
$count++; //カウンターを1進める
}

fclose($fp);

?>

回答No.1

calltella · ベストアンサー

PHPとJavascriptは全くの別物なので同じ変数を使っても意味はありません。
Javascriptデータを渡したいのであればPHPでJavascriptコードと共に
変数を書き込んだHTMLを吐き出させれば一番簡単だと思います。

お礼

イメージしていたことを実現することができました。
ありがとうございました。

補足

お返事ありがとうございます。
ちょっとまだ完全に理解できていないかもしれませんが、
PHPで読み込んだCSVファイルのデータ（配列のデータ）を
Javascriptに渡すことは不可能ですか？

回答No.2

calltella

元のコードを元に作ったコードです。
ファイルの内容の一番目しか表示しませんがコードを修正してみました。
後はご自分で勉強して修正してください。

<?php

$fp = fopen("test.csv", "r"); //CSVファイルを開く

$count = 0; //カウンターを初期化する
while(!(feof($fp)))//ファイルの終端まで読み込む
{
$buf = fgets($fp, 1024);
$buf = chop($buf); //文末にある改行文字を削除する
$data = split(",", $buf); // , ごとに区切って配列に格納する
$question[$count] = $data[0]; //question[]配列に$data[0]を格納する
$answer[$count] = $data[1]; //answer[]配列に$data[1]を格納する
print $question[$count]."<br>";
$count++; //カウンターを1進める
}

fclose($fp);

ECHO "<script language=\"Javascript\">\n";
ECHO "question = new Array(".(count($question)-1).")\n";
for ($i=0;$i<=(count($question)-2);$i++){
ECHO "question[".$i."]='".$question[$i]."'\n";
}

?>

function disp()
{
document.myform.mytext.value = question[0];
}

</script>

<form name="myform" >
<input name="mytext" type="text"><br>
<input name="mybutton" type="button" value="click" onclick="disp()">
</form>