javascript - 如何读取JSON文件并修改JQuery

Question

我有以下代码:http://jsfiddle.net/Wg2Yb/ 它基本上读取本地文件(.txt、.json...)并显示内容。

我希望它不仅可以读取，还可以修改一些东西。 我有一个看起来有点像这样的 JSON 文件:

{ "height":100,
 "layers":[
        {
         "data":[0, 0, 0, 0...];
         "height":100,
         ...
        }
}

我想知道如何基于此修改我的页面的 JQuery。 就像如果在 JSON 文件中将层高度设置为 100 一样，它会执行以下操作:

$('#map').css('height','100px'); 

Answer 1

查看JSON.parse将数据转换为对 JavaScript 更友好的内容。

使用它，您可以将结果保存到 Javascript 对象并检查属性/数组值并操作 HTML 元素:

var data = JSON.parse(this.result);
if (data.layers && data.layers.length && data.layers[0].height) {
    document.getElementById('map').style.height = data.layers[0].height + 'px';
}

查看jsfiddle .