PHPでテキストファイルから読み込んだページのデータをAjaxで更新する

Question

Ajaxを使用して自分のWebページのデータを更新したいとします。このデータはPHPスクリプト を使用して読み取られ、このfunctionを5秒間実行します。何らかの理由で、これはまったく起こっていません。

私はJavaScript：

<script> 
function refresh(){ 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    document.getElementClassName("scroll").innerHTML = this.responseText; 
    } 
}; 
xmlhttp.open("GET", "gm.php?q=" + "<?php echo $mf[0]."-".$mf[1].".txt" ?>", true); 
// The PHP variables refer to a specific file 
xmlhttp.send(); 
} 
setInterval(refresh,5000); 
</script> 

マイgm.phpファイル：

<?php 
    $q = $_REQUEST["q"]; 
    $mr=fopen($q, "a+"); 
    $line = fgets($mr); 
    while (!feof($mr)) { 
    $line = $line.fgets($mr); 
    } # while ends 
    fclose($mr); 
    echo $line. "<br />"; 
?> 

Answer 1

私はget ElementClassName代わりのgetElementsByClassNameを使用していたとして、私の要素セレクタが間違っていたことを考え出しました。また、クラス内で要素インデックスを指定していないため、要素を選択できませんでした。

もう一つの理由は、私のPHPスクリプトを含むJavaScript文字列内での引用符の使用でした。

私はJavaScript：

<script> 
function refresh(){ 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    document.getElementsByClassName("scroll")[1].innerHTML = this.responseText; 
    } 
}; 
xmlhttp.open("GET", "gm.php?q=" + '<?php echo $mf[0]."-".$mf[1].".txt" ?>', true); 
// The PHP variables refer to a specific file 
xmlhttp.send(); 
} 
setInterval(refresh,5000); 
</script> 

マイgm.phpファイル：

<?php 
    $q = $_REQUEST["q"]; 
    $mr=fopen($q, "a+"); 
    $line = fgets($mr); 
    while (!feof($mr)) { 
    $line = $line.fgets($mr); 
    } # while ends 
    fclose($mr); 
    echo $line. "<br />"; 
?>