jquery - 利用 Coldfusion 返回 json 对象的最简单方法(来自查询)

Question

我有一个 CFC，它以 JSON 格式返回查询对象，如下所示:

{
 "COLUMNS":["CMADDR","CMBILL","CMCRLIMIT","CMCRREVIEW","CMCRTERMS","CMCRUPDATE","CMCURR"],
 "DATA":[[1.2004856E7,3.2004856E7,0,"January, 01 1959 00:00:00","N\/30",null,"USD",null,false,false,false,"",0,"","US", ...],
        [2.2045505E7,3.2004583E7,4000,"January, 01 1959 00:00:00","1\/10N30",null,"USD",null,false,false....]]
}

仅出于结构考虑而缩短了数据

但是我得到了一个带有列和数据的 JSON 对象。

使用 jQuery 访问此数据的最佳方式是什么？请原谅我的经验不足，因为在过去我只是使用了更简单的结构，而且我通常自己定义它们，这样 CFC 将这个输出返回给我，我被迫使用它并以最终结果迭代它是一个数据表。

我已经尝试了以下方法，但到目前为止得到了未定义的值:

// ajax calls .. this is on success..
// ...
function(data) {
    //alert('got data back! \n'+data);
    var obj = jQuery.parseJSON(data);
    $.each(obj, function(index, itemData) {
    $('#modal-table-listing > tbody:last').append('<tr>' +
        '<td>[Select]</td>' +
        '<td>'+ itemData.cmAddr +'</td>' +
        '<td>'+ itemData.adName +'</td>' +
        '<td>'+ itemData.adState +' - '+ itemData.adCity +' - '+ itemData.adZip +'</td></tr>');
    });

    console.log(obj);
}

如果有意义的话，我很乐意使用columns对象来引用相关数据。

Answer 1

鉴于您的数据结构，您确实希望循环遍历 obj.data 。您返回的对象有两个属性。一个描述您的列，下一个是结果数组。

var obj = jQuery.parseJSON(data);
$.each(obj.DATA, function(index, itemData) {
$('tbody:last').append('<tr>' +
    '<td>[Select]</td>' +
    '<td>'+ itemData[0]+'</td>' +
    '<td>'+ itemData[1] +'</td>' +
    '<td>'+ itemData[2] +' - '+ itemData[3] +' - '+ itemData[4] +'</td></tr>');
});

根据数据，我不知道哪些列是哪个索引。但你可以通过 obj.columns.indexOf('CMADDR'); 找出来或类似的东西，会给你0。

编辑您可以使用 Underscore.js 轻松编写快速 map 缩减，以获得您想要的格式。类似的东西

myData = _.map(obj.data, function(row){ 
             var item = {"column1" : row[0],
                         "column2" : row[1]}; 
              return item;
             }); `

这将导致 myData 成为具有命名属性的对象数组。