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

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