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

小编典典

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

json

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

“ 1960年代，当他成为.......“}

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

阅读 283

2020-07-27

共1个答案

小编典典

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

2020-07-27