jquery - 将 jQuery 中的 JSON 解析为 div 标签

Question

我有以下 JSON:

{"COLUMNS":["ID","FIRSTNAME"],"DATA":[[1,"Steve"],[2,"Jim"],[3,"Bill"],[4,"Tony"]]}

我正在尝试编写一些 jQuery 来解析此内容并将名字的值放入 div 标记中。

我似乎无法正确理解语法。

任何帮助都会很棒。

谢谢!

更新:

我现在能够解析 JSON，感谢 @jayendra

我现在正在尝试将其构建到我的 jQuery 的其余部分中。我正在尝试这个:

$(document).ready(function(){

        $.ajax({
            type: 'POST',
            url: "getQ.cfc?method=getUsers",
            success:function(data) {

                $(data.DATA).each(function(index, value){
                   console.log(value[1]);
                });

          },

        });     

    });

它只是不向控制台返回任何内容，但如果我这样做:

$(document).ready(function(){

        $.ajax({
            type: 'POST',
            url: "getQ.cfc?method=getUsers",
            success:function(data) {

            console.log(data);


          },

        });     

    });

它将 JSON 返回到控制台，如下所示:

{"COLUMNS":["ID","FIRSTNAME"],"DATA":[[1,"Steve"],[2,"Jim"],[3,"Bill"],[4,"Tony"]]}

对此的任何帮助以及为什么我在循环时在控制台中没有得到任何内容都会很棒。

再次感谢!

Answer 1

试试这个

var index = json.COLUMNS.indexOf('FIRSTNAME');
var len = json.DATA.length
for(var i=0; i<len;i++)
   alert(json.DATA[i][index]);   

<强> DEMO