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

一尘不染

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

javascript

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

{“结果”：“鲍勃·迪伦（Bob Dylan）出生于罗伯特·艾伦·齐默尔曼（RobertAllenZimmerman），是美国歌手，作家，作家，诗人和画家，他是流行音乐的主要人物已有50年了。 1960年代，当他成为.......“}

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

阅读 269

2020-05-01

共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);

2020-05-01