javascript - 以通用方式使用 Jquery $.ajax() 访问 json 对象

Question

我正在使用 jqueryui 自动完成功能，想知道是否有一种通用的方法可以使用 $.ajax() 访问 Json 对象项。在下面的示例中，文本/值对是 item.Title 和 item.AlbumId，它工作正常。但我想知道是否有办法访问它，如 item[0]、item[1]。我试过了，但它不起作用。

    // jqueryui autocomplete configuration
    $(element).autocomplete({
                   minLength: minimumTextLength, 
                   source: function (req, response) {    

                       // call $.ajax()
                       $.ajax({
                           url: filterUrl,
                           type: "POST",
                           dataType: "json",
                           data: { term: textbox.val() },
                           success: function (data) {
                               response($.map(data, function (item) {

                                   return { label: item.Title, value: item.AlbumId }; 
                               }));
                           }
                       });

                   }
               }); //  end of autocomplete()

Answer 1

You could do this indirectly, using Object.keys. That way you can reference item[keys[index]]:

response($.map(data, function (item) {
    var keys = Object.keys(item);
    return { label: item[keys[0]], value: item[keys[1]] }; 
}));

Note that Object.keys is only supported by modern browsers (IE9+). Although, as always, you can polyfill if needed.