小编典典

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

javascript

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

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

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


阅读 313

收藏
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