从外部 URL 获取 JSON 数据并将其以纯文本形式显示在 div 中

发布于03月29日

我有一个类似于https://www.googleapis.com/freebase/v1/text/en/bob_dylan的外部资源，它返回一个JSON.我想在html格式的div中显示Result键的值(假设div的名称是"Summary").此外，结果键值应以纯文本形式显示.
URL返回json:

{ "result": "Bob Dylan, born Robert Allen Zimmerman, is an American singer-songwriter, author, poet, and painter, who has been a major figure in popular music for five decades. Much of Dylan's most celebrated work dates from the 1960s, when he became an ......." }

JSON只有结果键，没有其他键

推荐答案

使用JSONP可以这样做:

function insertReply(content) {
    document.getElementById('output').innerHTML = content;
}

// create script element
var script = document.createElement('script');
// assing src with callback name
script.src = 'http://url.to.json?callback=insertReply';
// insert script to document and load content
document.body.appendChild(script);

But source must be aware that you want it to call function passed as callback parameter to it.

有了谷歌API，它看起来是这样的:

function insertReply(content) {
    document.getElementById('output').innerHTML = content;
}

// create script element
var script = document.createElement('script');
// assing src with callback name
script.src = 'https://www.googleapis.com/freebase/v1/text/en/bob_dylan?callback=insertReply';
// insert script to document and load content
document.body.appendChild(script);

Check how data looks like when you pass callback to google api: https://www.googleapis.com/freebase/v1/text/en/bob_dylan?callback=insertReply

以下是对JSONP:http://en.wikipedia.org/wiki/JSONP的相当好的解释