Js 怎么遍历json对象所有key及根据动态key获取值

var obj = {};

for(var k in obj) {

    //遍历对象，k即为key，obj[k]为当前k对应的值

    consolelog(obj[k]);

}

如果是后台数据就用ajax获取，这样获取后的数据一般为json数据。如是前端数据转为json数据就用JSONparse方法。如:

var s='[1,2,3]'; var arr=JSONparse(s);//arr=[1,2,3]

下面就使用jQuery读取musictxt文件中的JSON数据格式信息。

首先，musictxt中的内容如下：

复制代码 代码如下:

[

{"optionKey":"1", "optionValue":"Canon in D"},

{"optionKey":"2", "optionValue":"Wind Song"},

{"optionKey":"3", "optionValue":"Wings"}

]

下来是HTML代码：

复制代码 代码如下:

<div>点击按钮获取JSON数据</div>

<input type="button" id="button" value="确定" />

<div id="result"></div>

使用Ajax获取JSON数据的jQuery代码：

复制代码 代码如下:

$(document)ready(function(){

$('#button')click(function(){

$ajax({

type:"GET",

url:"musictxt",

dataType:"json",

success:function(data){

var music="<ul>";

//i表示在data中的索引位置，n表示包含的信息的对象

$each(data,function(i,n){

//获取对象中属性为optionsValue的值

music+="<li>"+n["optionValue"]+"</li>";

});

music+="</ul>";

$('#result')append(music);

}

});

return false;

});

});

当然，也可以使用$getJSON()方法，代码简洁一点：

复制代码 代码如下:

$(document)ready(function(){

$('#button')click(function(){

$getJSON('musictxt',function(data){

var music="<ul>";

$each(data,function(i,n){

music+="<li>"+n["optionValue"]+"</li>";

});

music+="</ul>";

$('#result')append(music);

});

return false;

});

});

以上就是关于Js 怎么遍历json对象所有key及根据动态key获取值全部的内容，包括:Js 怎么遍历json对象所有key及根据动态key获取值、jq 怎么获取json 数据的值、ajax获取json数据，求一个详细的解释用jq等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！