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

您可以像这样使用JSONP执行此操作&＃xff1a;

function insertReply(content) {

document.getElementById(&＃39;output&＃39;).innerHTML &＃61; content;

}

// create script element

var script &＃61; document.createElement(&＃39;script&＃39;);

// assing src with callback name

script.src &＃61; &＃39;http://url.to.json?callback&＃61;insertReply&＃39;;

// insert script to document and load content

document.body.appendChild(script);

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

使用谷歌API&＃xff0c;它看起来像这样&＃xff1a;

function insertReply(content) {

document.getElementById(&＃39;output&＃39;).innerHTML &＃61; content;

}

// create script element

var script &＃61; document.createElement(&＃39;script&＃39;);

// assing src with callback name

script.src &＃61; &＃39;https://www.googleapis.com/freebase/v1/text/en/bob_dylan?callback&＃61;insertReply&＃39;;

// insert script to document and load content

document.body.appendChild(script);

检查将回调传递给google api时数据的外观&＃xff1a;https : //www.googleapis.com/freebase/v1/text/en/bob_dylan? callback &＃61;insertReply

这是有关JSONP的很好的解释&＃xff1a;http : //en.wikipedia.org/wiki/JSONP