解析JSON數據以進行jQuery UI自動完成

Question

我有一個JSON響應如下

{"total":2,"data":[
            {"0":{"id":11,"name":"apple","image":"apple.png","description":"apple","status":1,"application_on":null,"created_at":"0000-00-00 00:00:00","updated_at":"1995-04-05 06:11:54",
        "fname":"apple","lname":"","profile_image":"<img src=\"\/pac\/public\/images\/brands\/60_60\/apple.png\"  \/>"},
            "1":{"id":16,"name":"chapstick","image":"chapstick.png","description":"chapstick","status":1,"application_on":null,"created_at":"0000-00-00 00:00:00","updated_at":"0000-00-00 00:00:00",
        "fname":"chapstick","lname":"","profile_image":"<img src=\"\/pac\/public\/images\/brands\/60_60\/chapstick.png\"  \/>"},"length":2}]}

我該如何迭代並從中取出fname？ 提前致謝 。

我使用以下代碼進行自動補全

$(".textfield1").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "<?php echo $this->baseUrl('admin/ajax/global-search/') ?>",
                data: {q: request.term, },
                dataType: "json",
                success: function(data) {
                    response($.map(data, function(item) {
                        return {
                            value: item
                        };
                    }));
                }
            });
        }
    });

但是它顯示“ 0”，obj等。

Answer 1

這是您的success（）函數的主體：

var a = [];
for ( var i in data.data  ) {
    for ( var j in data.data[i]  ) {
        if ( 'undefined' !== typeof data.data[i][j].fname ) {
            a.push(data.data[i][j].fname);
        }
    }
}
response(a);

Answer 2

嘗試更改為：

response($.map(data, function(item, index) {
    return {
        value: item[index.toString()]
    };
}));