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对象并检查属性/数组值并操纵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上查看。

如何阅读JSON文件和修改JQuery

1 个答案: