我有一个类似于https://www.googleapis.com/freebase/v1/text/en/bob_dylan的外部资源,它返回一个JSON。我想在html的div中显示结果键的值(可以说div的名称是“summary”)。结果键的值也应以纯文本显示。
URL返回json:



JSON只有结果键,没有其他键
基本上,除了纯HTML和JavaScript外,我不想使用其他任何东西。我是JavaScript的初学者,因此我要求提供注释的代码。

最佳答案

您可以像这样使用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);

但是源代码必须知道,您希望它调用作为回调参数传递给它的函数。

使用谷歌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);

检查当您将回调传递给Google API时数据的外观:
https://www.googleapis.com/freebase/v1/text/en/bob_dylan?callback=insertReply

这是对JSONP的很好解释:http://en.wikipedia.org/wiki/JSONP

关于javascript - 从外部URL获取JSON数据,并将其作为纯文本显示在div中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9922101/

10-11 23:25
查看更多