javascript - 从 JSON 文件中检索数据

Question

我正在尝试使用 JQuery 的 JSONP 功能从网站检索气压数据。

首先，我使用了 Yahoo!将 XML 数据转换为 JSON 的管道。然后我尝试在警报中接收和使用该数据，但没有成功。在这个JSFiddle ，我有一个简单的工作示例，但是当我尝试使用更高级的 JSON 文件时，它不起作用。

另见 this article由 IBM。

Answer 1

你的代码有问题

• 您忘记在链接中包含 http://

你需要试试这个(见alert。它会提醒标题)

<div onClick="$.getJSON('http://pipes.yahoo.com/pipes/pipe.run?_id=467a55b506ba06b9ca364b1403880b65&_render=json&textinput1=40.78158&textinput2=-73.96648&_callback=?', function(data){alert(data.value.title)})">Click Me</div><!--I can't get this to work-->

DEMO

但最好像下面这样使用:

<div class="loadjson">Click Me</div>


function barometer() {
    $.getJSON('http://pipes.yahoo.com/pipes/pipe.run?_id=467a55b506ba06b9ca364b1403880b65&_render=json&textinput1=40.78158&textinput2=-73.96648&_callback=?', function(data) {
        alert(data.value.title);
    })
}

$('div.loadjson').on('click', function() {
    barometer();
});

注意:$.getJSON() 返回data 对象中的两个参数。

     - 1st one is `count` that have integer value
     - 2nd one is `value`, which is an `Object`.

要获取第二个参数，您需要使用data.value。

DEMO