Question

我从数据库中读取数据为json对象。还将该数据转移到另一个页面，我想在那里显示该数据，但问题在于显示数据。

这是我显示数据的代码：请检查代码中的注释!!!

＆＃13;

var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {

            object = JSON.stringify(this.responseText);
            console.log(object);


            console.log(object);
            //console.log(object['data'][0]['title']); ERROR

            object2 = JSON.parse(object)
            console.log(object2);
            //console.log(object2['data'][0]['title']); ERROR
            console.log(object2.title); //here  ENDEFINED




            objectParsed = JSON.parse(
                '{"ID":"1","type":"zima","title":"skijanje","description":"Lorem ipsum dolor sit amet,sed diam voluptua.","people":"From 2 to 8","available":"From November to February","price":"From 350 to 500","numTaken":"0"}'
            );

            console.log(objectParsed);
            console.log(objectParsed.title); // here I got the right ouput which is SKIJANJE

            //document.getElementById("test").innerHTML = object.title;
        }
    };
    xmlhttp.open("GET", "readTourData.php", true);
    xmlhttp.send();

＆＃13;

这是我从＆＃34; readTourData＆＃34;获得的数据。

最后，这是我尝试显示数据时的输出：

变量对象看起来像这样（console.log（object））：

我从db获得的数据：数据：[{ID：＆＃34; 1＆＃34;，输入：＆＃34; zima＆＃34;，标题：＆＃34; skijanje＆＃34;，...}]

0 ： {ID：＆＃34; 1＆＃34;，输入：＆＃34; zima＆＃34;，标题：＆＃34; skijanje＆＃34;，...} ID ：＆＃34; 1＆＃34; 可得到：＆＃34;从11月到2月＆＃34; 描述：＆＃34; Lorem ipsum dolor sit amet，sed diam voluptua。＆＃34; numTaken ：＆＃34; 0＆＃34; 人：＆＃34;从2到8＆＃34; 价钱：＆＃34;从350到500＆＃34; 标题：＆＃34; skijanje＆＃34; 类型：＆＃34;济马＆＃34;

控制台输出：

- 第一个控制台 - ＆gt; console.log（object）：＆＃34; \ r \ n数据：[{\＆＃34; ID \＆＃34;：\＆＃34; 1 \＆＃34;，\＆＃34;输入\＆＃34;：\＆＃34;济马\＆＃34; \＆＃34;标题\＆＃34;：\＆＃34; skijanje \＆＃34; \＆＃34;描述\＆＃34;：\＆＃34 ; Lorem ipsum dolor sit amet，sed diam voluptua。\＆＃34;，\＆＃34; people \＆＃34;：\＆＃34;从2到8 \＆＃34;，\＆＃34;可用\＆＃34;：\＆＃34;从11月到2月\＆＃34;，\＆＃34;价格\＆＃34;：\＆＃34;从350到500 \＆＃34;，\＆＃34; numTaken \＆＃34;：\＆＃34; 0 \＆＃34;}] \ r \ n \ r \ n＆＃34;

- 第二个控制台 - ＆gt;的console.log（Object2的）：数据：[{＆＃34; ID＆＃34;：＆＃34; 1＆＃34;，＆＃34;类型＆＃34;：＆＃34; zima＆＃34;，＆＃34;标题＆＃34;：＆＃34; skijanje＆＃34;，＆＃34;描述＆＃34;：＆＃34; Lorem ipsum dolor sit amet，sed diam voluptua。＆＃34;，＆＃34; people＆＃34;：＆＃34; From 2到8＆＃34;，＆＃34;可用＆＃34;：＆＃34;从11月到2月＆＃34;，＆＃34;价格＆＃34;：＆＃34;从350到500＆＃34;，＆＃34; numTaken＆＃34;：＆＃34; 0＆＃34;}]

- 第三个控制台 - ＆gt; console.log（object2.title）：未定义

- 第四个控制台 - ＆gt;的console.log（objectParsed）： {ID：＆＃34; 1＆＃34;，输入：＆＃34; zima＆＃34;，标题：＆＃34; skijanje＆＃34;，描述：＆＃34; Lorem ipsum dolor sit amet，sed diam voluptua。＆＃34;，人：＆＃34;从2到8＆＃34;，...} ID ：＆＃34; 1＆＃34; 可得到：＆＃34;从11月到2月＆＃34; 描述：＆＃34; Lorem ipsum dolor sit amet，sed diam voluptua。＆＃34; numTaken ：＆＃34; 0＆＃34; 人：＆＃34;从2到8＆＃34; 价钱：＆＃34;从350到500＆＃34; 标题：＆＃34; skijanje＆＃34; 类型：＆＃34;济马＆＃34; 的原：对象

- 和最后一个控制台 - ＆gt;的console.log（objectParsed.title）： Skijanje

Answer 1

问题在于没有object.title。

object对象似乎是一个数组。

数组中的每个对象似乎都有title属性。

因此，您应该可以使用以下内容访问数组中第一个对象的标题：object[0].title或object[0]['title']

打印对象以查看所有这些嵌套（例如

）通常很有帮助

console.log(JSON.stringify(object,null,1));

通过这种方式，您可以更清楚地了解需要访问data属性以及该属性的外观。

从数据库输出获得的json数据

1 个答案: