从 Javascript 数组中读取数据返回“未定义”

Question

我正在尝试从我的 Javascript 数组对象中读取名为“MediaURL”的属性。下图显示了我的数组的展开视图：

我收到此错误：

未捕获的类型错误：无法读取未定义的属性“MediaURL”

这是我的代码：

    PageMethods.LoadFollowingTab(useremail, onSuccess, onFailure);

      function onSuccess(val) {

          var obj = JSON.parse(val); //this is the array object. I have logged it in console and it's not empty
          obj.forEach(function (value) {
          img1.src = value.Activities[0].MediaURL;
          //I am setting the MediaURL of the first element of the Array as the image source
       });
 }

这将返回该错误。我读错数组了吗？你觉得问题出在哪里？

编辑

我在 ASP.NET 的 C# 代码中使用 JavaScriptSerializer 将结果传递给 json：

[WebMethod]
 public static string LoadFollowingTab(string email)
 {
       string json = "";

            List<String> following = PBC.LoadFollowingTab(email);

            var jsonSerialiser = new JavaScriptSerializer();
            json = jsonSerialiser.Serialize(following);

            return json;
 }

遗憾的是，生成的字符串很长，我不能在这里发布。我认为我发布的数组视图就足够了吗？ :)

Answer 1

您访问obj 的方式似乎是正确的，但我不禁注意到您的评论：

我将数组第一个元素的 MediaURL 设置为 图片来源

您似乎只对获取第一个值的第一个 MediaURL 感兴趣。

obj[0].Activities[0].MediaURL;

现在之前的问题是什么？您正在循环您的对象，但是在获得 MediaURL 后您忘记了离开循环。您只是继续循环并遍历每个对象，用下一个 MediaURL 替换您的 img1.src（如果它曾经存在的话）...

obj.every(function (value) {
          img1.src = value.Activities[0].MediaURL;
          //I am setting the MediaURL of the first element of the Array as the image source
          return false;
});

很有可能当您继续循环您的 obj 列表时，您的 Activities[0] object 之一不存在。

当您尝试访问未定义（或不​​存在）的内容时，您会收到 typeError。