如何將帶索引的二維數組從 PHP 返回到 JavaScript

Question

我需要將索引二維數組從 PHP 返回到 JavaScript。 幾天來我一直在尋找解決方案。 在客戶端，我有 on-change 事件（在選項選擇中）調用執行 php 文件的 JavaScript 函數。 這個 php 文件從 csv 文件創建一個二維數組，用 json 對該數組進行編碼。 但是，當我嘗試在 JavaScript 中訪問數組的元素時，它給了我“未定義”。 HTML文件：

<head>
<script type="text/JavaScript">
var d;
function sendIt() {
if (d) document.body.removeChild(d);
var xmlhttp;
var state=arguments[0].options[arguments[0].selectedIndex].value
d = document.createElement("script");
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
          if (xmlhttp.readyState==4 && xmlhttp.status==200) //ready
          {
            document.getElementById("arrayresult").innerHTML=xmlhttp.arrayFromPhp;
          }
     }
     xmlhttp.open("GET","recordsbystate.php?state=" + state,true);
xmlhttp.send();
    d.type = "text/javascript";
    document.body.appendChild(d);
    }
    </script>
    </head>
    <body>
    <select name="state" onChange="sendIt(this)">
    <option selected="selected">Select State</option>
    <option value="CA">CA</option>
    <option value="CO">CO</option>
    <option value="MA">MA</option>
    <option value="TX">TX</option>
    </select>
    <div id="arrayresult"></div>
    </body>
    </html>

PHP文件：

$file = 'event_submission.csv';
$data2DArray = array();
$state = $_REQUEST['state'];
echo($state), "\n\n";
//create table with header and column names
print('<table align="left" width="430">');
print('<tr><th colspan="4">AOM DAY 2014</th></tr>');
print('<tr><th>Company</th><th>City</th><th>State</th><th>Event Date</th><th>Event        Details</th></tr>');
$delimiter = ",";
    if (($handle = fopen($file, "r")) !== FALSE) { 
        $i = 0;
        while (($lineArray = fgetcsv($handle, 10000, $delimiter)) !== FALSE) {
          if ($lineArray[7] == $state) {
            for ($j=0; $j<count($lineArray); $j++) { 
                $data2DArray[$i][$j] = $lineArray[$j];
                }
       print('<tr><td>'.$data2DArray[$i][0].'</td><td>'.$data2DArray[$i][6].'</td><td>'.$data2DArray[$i][7].'</td><td>'.$data2DArray[$i][10].'</td></tr>');
          } 
            $i++; 
        } 
        fclose($handle); 
    } 
   $json = json_encode($data2DArray);
   echo 'var arrayFromPhp = ' . $json . ';';
   return true;
?>

有什么建議？ 請幫忙....

Answer 1

你並沒有真正返回 JSON。 當你做echo 'var arrayFromPhp = ' . $json . ';'; echo 'var arrayFromPhp = ' . $json . ';'; ，它不再是有效的 JSON，只需在沒有其他廢話的情況下回顯 JSON，然后在客戶端將其轉換為對象。

在 PHP 中做

$json = json_encode($data2DArray);
echo $json;

在 javascript 中你會這樣做

if (xmlhttp.readyState==4 && xmlhttp.status==200) {

    document.getElementById("arrayresult").innerHTML = xmlhttp.responseText;

}

要將 JSON 解析為 javascript 對象，您可以使用

if (xmlhttp.readyState==4 && xmlhttp.status==200) {

    var obj = JSON.parse( xmlhttp.responseText );

    document.getElementById("arrayresult").innerHTML = obj.someKey;

}

但請注意，innerHTML 需要一個字符串，而不是一個對象。

如何將帶索引的二維數組從 PHP 返回到 JavaScript

問題描述

1 個解決方案

解決方案1
1 2014-08-10 22:45:05

如何將帶索引的二維數組從 PHP 返回到 JavaScript

問題描述

1 個解決方案

解決方案1 1 2014-08-10 22:45:05

解決方案1
1 2014-08-10 22:45:05