js如何获取json值

JavaScript09

js如何获取json值,第1张

通过循环就可以将json里的值全部获取了;

var json = {'name':'xxxxx', 'age':27}

for(var name in json){

document.write(json[name])

}

通过 JSON.parse 将你的 JsonInfo 的字符串类型的变量转为 js 对象:var jsonObj = JSON.parse(jsonStr)

看到 json 字符串里的中括号了没有?这个对象名为 sites 的 key 对应的 value 是一个数组,也就是 sites[0],sites[1]...你可以理解为 jsonObj 的 sites 就是一个数组名,所以也就具备了 length 这个属性。

接着可以循环这个数组,找出数组中的对象的 title 属性为"数量"的那个数组对象即可。

别说什么就没有看懂网上的资料,不知道你认真看了没有。认真看不可能看不懂的,一遍不行看两遍,两遍不行看三遍。就是把一个普通的对象换成了数组,就不认识了吗。

var jsonStr = '{"sites":   

  {"title":"数量",  "ReadOnly":"true"}, 

  {"title":"单位",  "ReadOnly":"false"}

 ]          }'

function getReadOnly() {

    var jsonObj = JSON.parse(jsonStr)

    var amountReadOnly

    var sitesLength = jsonObj.sites.length

    for (var i = 0 i < sitesLength i++) {

        if (jsonObj.sites[i].title === "数量") {

            amountReadOnly = jsonObj.sites[i].ReadOnly

            break

        }

    }

    return amountReadOnly

}

getReadOnly()

1、首先,需要创建一个Json文件。或者是用户自行从网络上获得Json文件。

2、如果用户是创建的。还需要在新建的Json文件中输入数据。

3、准备好Json数据文件以后,接着创建一个Html文件。在<script>标签内创建一个函数,使用Ajax语言获得和读取Json文件。

4、获取和读取文件以后,在读取数据前。用户还需要创建一个用户遍历Json文件全部数据的函数。

5、创建数据遍历函数以后,在获取和和读取函数中进行调用。遍历读取文件中的数据。

6、获取Json文件中的全部数据以后,将数据用Html代码呈现到网页上。