html如何引用外部json,从外部URL解析json仅Html和JS

该url是一个字符串，而不是json。

使用AJAX来获取数据(使用jquery)

var link;

$.ajax({

url: "test.html",

}).done(function(data) {

link = data;

});

然后，提取数据;

output.innerHTML=jcontent.id;

是价值。你得到这样的关键：

使用function而不是arrow functions为

ES7

Object.entries(jcontent)

.forEach(keyValuePair =>

{

// Push to HTML

var t = document.createTextNode(keyValuePair[0] + ' : ' + keyValuePair[1]);     // Create a text node

output.appendChild(t);

});

ES6

Object.keys(jcontent)

.map(key => [key, jcontent[key]])

.forEach(keyValuePair =>

{

// Push to HTML

var t = document.createTextNode(keyValuePair[0] + ' : ' + keyValuePair[1]);     // Create a text node

output.appendChild(t);

});

ES5(最有可能的情况下) ES5：

Object.keys(jcontent)

.map(function(key){ [key, jcontent[key]] })

.forEach(function(keyValuePair)

{

// Push to HTML

var t = document.createTextNode(keyValuePair[0] + ' : ' + keyValuePair[1]);     // Create a text node

output.appendChild(t);

});

访问值：

keyValuePair[0] // key

keyValuePair[1] // value

诗

如果你想使用ES7或ES6方法，看看babeljs