javascript - 使用 php/ajax/json 等的未定义数组错误(javascript)

Question

我这里有一个简单的网站。它包含一个 div 项目，里面有一个 css 对象。我正在尝试使用 ajax 和 json 运行 php 脚本，该脚本将从文本文件中获取值并更新 div 项目与所述值。

问题是将 dataList[0] 传递给函数 replaceContentInContainer() 在控制台中出现未定义的错误。

这是引发错误的脚本。一旦 dataList[0] 被引用，它就会抛出它。

<script>
    setInterval(function()
    {
        $.getJSON('loadData.php', function(data){
            var dataList = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
            dataList = data.value;
            var tempID = "tempDIV";
            console.log('Good to go, data was loaded');
            console.log(data);
            ReplaceContentInContainer(tempID,dataList[0]);
        }
    }, 2000);
    </script>

    <script type="text/javascript"><!--
        function ReplaceContentInContainer(id,content) {
        var container = document.getElementById(id);
        container.innerHTML = content;
    }
    //--></script>

PHP 文件

<?php
    $lines = file("data.txt");
    echo json_encode($lines);
?>

数据文件格式“data.txt”

78\n
82\n
33\n 
etc...

控制台输出如下

Good to go, data was loaded indexUpdate.php:30:5
Array [ "75 ", "34 ", "0 ", "0 ", "80 ", "31 ", "60 ", "72 ", "60 ", "70 ", 8 more… ] indexUpdate.php:31:5
TypeError: dataList is undefined
 indexUpdate.php:32:5
Good to go, data was loaded indexUpdate.php:30:5
Array [ "75 ", "34 ", "0 ", "0 ", "80 ", "31 ", "60 ", "72 ", "60 ", "70 ", 8 more… ] indexUpdate.php:31:5
TypeError: dataList is undefined

为什么它认为我的数组未定义或者至少为什么我不允许通过索引定义元素是没有意义的。

Answer 1

dataList = data.value; 应该是 dataList = data; 因为您没有返回对象，所以没有 value属性。