从外部页面导入Json数据

Question

我正在处理一个页面，该页面必须显示从外部页面接收的数据（此页面在我的域外部，并且不受我的控制）。 此外部页面以以下结构回复一些JSON数据：

{

    "definition" : {
        "accountID" : 19943,
        "profileID" : "Z3WIPu86X77",
        "ID" : "oOEWQj3sUo6",
        "name" : "Site Pages",
        "description" : "A10_RPT_Pages_SD",
        "language" : null,
        "timezone" : "UTC 1",
        "dimensions" : [
            {
                "ID" : "pages",
                "name" : "Page"
            }
        ],
        "measures" : [
            {
                "name" : "PageViews",
                "ID" : "CAoNYspmFb5",
                "columnID" : 1,
                "measureFormatType" : null
            }
        ]
    },
    "data" : [
        {
            "period" : "Month",
            "start_date" : "2014-03",
            "end_date" : "2014-04",
            "attributes" : {
            },
            "measures" : {
                "PageViews" : 281
            },
            "SubRows" : {
            }
        }
    ]
}

我要做的是取回特定数据“ data.measures.PageViews”，将其插入到我的HTML代码中。

我在html头中定义了以下javascript：

<script type="text/javascript">
    function parseResult(myData)
    {
        alert(myData.data);
    }
</script>

我使用以下方式在主体内通过地址回调外部链接：

<script type="text/javascript" src="https://external-link&callback=parseResult"></script>

如果我这样做，警报将向我显示“对象：对象”。

但是，如果我尝试执行alert(myData.data.measures); 它显示了一个空白警报，如果我尝试执行alert(myData.data.measures.PageViews); 它不显示警报，并在Firebug控制台上给我一个错误。

我已经阅读了一些jsonp指南，但是我不了解很多事情。 但是之后，我想将Pageviews放在一个变量中，以便在我喜欢的html内调用它。

Answer 1

myData.data是一个数组。 采用：

myData.data[0].measures

Answer 2

查看您的JSON， myData.data是一个数组，因此无法像myData.data.measures这样访问它。

试试myData.data[1]

Answer 3

使用jQuery，您可以使用$.getJSON进行跨站点JSON获取：

$.getJSON("https://external-link&callback=parseResult",
function(myData) {
    alert(myData.data); 
});