你如何使用在JavaScript/html中从外部php文件中提取的JSON数据？

Question

我能够拉动JSON数据并将其作为我头脑中的脚本放入我的HTML文件中。我如何获得这些数据？ （把它转化为可用的变量）（填充与MySQL数据）

外部json.php文件：

var elm = document.createElement("script"); 
elm.setAttribute("type", "text/javascript"); 
elm.src = "http://totallyExternalURL.php"; 
elm.id="jsonTest"; 
console.log(elm); 
document.getElementsByTagName('head')[0].appendChild(elm); 

整：

names: 
[ 
    {"firstName":"Kevin","lastName":"Guo"}, 
    {"firstName":"Jun Sung","lastName":"Wong"}, 
    {"firstName":"Anton","lastName":"Ansalmar"}, 
    {"firstName":"Linda","lastName":"Wong"}, 
    {"firstName":"George","lastName":"Costanza"} 
] 

我，在外部JSON数据拉JavaScript代码json数据被放在我的头上作为脚本，我怎么能拉所有的名字/姓氏显示？

Answer 1

你在做什么实际上被称为jsonp。通常情况下，你要做的就是让脚本返回一个脚本，用你的数据调用页面上的一个函数。您可能会发现使用或者如果在您自己的服务器上调用脚本时使用常规`json'更容易使用jQuery。

function callback(data) { 
    ... do something with the returned data 
} 

var elm = document.createElement("script"); 
elm.setAttribute("type", "text/javascript"); 
elm.src = "http://totallyExternalURL.php?callback=callback"; 
elm.id="jsonTest"; 
console.log(elm); 
document.getElementsByTagName('head')[0].appendChild(elm); 

然后让你的外部脚本返回（注意，你的脚本应该会回调参数的值，并用其作为函数的名称来调用）。函数的名称和回调参数的值需要相同。

callback({ "names" : 
    [ 
     {"firstName":"Kevin","lastName":"Guo"}, 
     {"firstName":"Jun Sung","lastName":"Wong"}, 
     {"firstName":"Anton","lastName":"Ansalmar"}, 
     {"firstName":"Linda","lastName":"Wong"}, 
     {"firstName":"George","lastName":"Costanza"} 
    ] }); 

或者用jQuery

$.getJSON('http://totallyExternalURL.php?callback=?', function(data) { 
     ... do something with the data ... 
}); 

Answer 2

将js返回为函数，该函数返回数组的JavaScript对象，然后您可以调用该函数并将返回值分配给变量。

因此，在一个函数调用中包装JSON。

查找jsonp。