【问题标题】:How to access the JSON data?如何访问 JSON 数据?
【发布时间】:2015-01-16 19:54:24
【问题描述】:

每次我发出警报时如何访问 JSON 数据,它显示为 undefined 。不知道问题出在哪里。

var FJS = FilterJS(art, '#movies', {

    template: '#movie-template',
    search: {
        ele: '#searchbox'
    },
    callbacks: {
        afterFilter: function(result) {
            $('#total_movies').text(result.length);
            //  alert(art);// this is the alert which is showing array of objects.
            len = result.data.onwardflights[1].origin;
            alert(len);
        }
    }
});

这是 JSON 树。

{
"data": {
    "returnflights": [], 
    "onwardflights": [
        {
            "origin": "delhi", 
            "status": "V", 
            "DepartureTime": "21:14", 
            "cancellationPolicy": "0:4:100:0;4:12:25:0;12:-1:10:0", 
            "cCount": 0, 
            "farebasis": "0", 
            "seat": "ST", 

【问题讨论】:

  • 结果是对象数组吗?
  • 请注意,JavaScript 数组以索引 0 开头。使用onwardflights[1] 尝试访问第二个元素。那么,"onwardflights" 是否有多个元素?第二个也有"origin"吗?
  • 我刚刚编辑了代码并放入了 JSON 树。是的,这个对象数组
  • 那么你必须使用 result[0].data 来访问 result 的第一个元素
  • 不是有效的 JSON。那是你的问题。

标签: javascript jquery json


【解决方案1】:

如果结果是数组,试试这个

len = result[0].origin;
            alert(len);

【讨论】:

  • mukesh 我收到此错误 TypeError: result[0].data is undefined
  • 你能发布你的结果包含什么
  • 你的意思是说我给你看console.log(result);对吗?
  • 数组 [对象,对象,对象,对象,对象,对象,对象,对象,对象,对象,还有 59 个……]
  • 你也可以发布console.log(result[0])
【解决方案2】:

首先你需要看看结果。

您需要在 json 树中查找后,您的数据并记住 onwardflights 必须是 array 并具有您需要的属性。

 callbacks: {
        afterFilter: function(result) {
            $('#total_movies').text(result.length);
            //  alert(art);// this is the alert which is showing array of objects.
            len = result.data.onwardflights[0].origin;
            alert(len);
        }
    }

【讨论】:

  • 我刚刚编辑了我的代码并放入了 JSON 树。请看一下
  • 我做了同样的事情,但显示错误数据未定义
  • 你能给我看看你的控制台日志吗
  • TypeError: result.data 未定义
  • 它告诉你,在你的 afterFilter 没有参数结果必须有 json。
猜你喜欢
  • 2021-10-26
  • 1970-01-01
  • 1970-01-01
  • 2014-11-01
  • 1970-01-01
  • 2015-10-01
  • 2020-10-18
  • 2014-08-25
  • 2012-11-22
相关资源
最近更新 更多