jQuery (1.11) Autocomplete - Как просмотреть данные, возвращаемые из источника?

Question

Я хочу просмотреть данные, которые автозаполнение имеет после автозаполнения: выполняется запрос «получить».

Моим источником является строка: «/jsonplaylist.json». Я могу увидеть запрос Получить ответ, глядя на Firebug консоли:

["01-List","02-List","03-List","04-List","05-List","06-List","07-List","08-List","08-List","09-List","10-List","playlist01 - updated","playlist02","playlist03"] 

Но что данные действительно автозаполнения есть? Я считаю, что автозаполнение создает новую структуру данных с «меткой» и «значением». В любом случае, чтобы увидеть всю структуру данных?

Мое автозаполнения в настоящее время выглядит следующим образом:

$("#birds").autocomplete({ 
    source: "/jsonplaylist.json", 
    minLength: 1, 
    select: function(event, ui) { 
    console.log(ui.item ? "Selected: " + ui.item.value : "Nothing selected, input was " + this.value); 
    return false; 
    } 
}); 

Я использую это в 4 приложении Rails, и он работает правильно. Я хочу добавить «id» к значениям в запросе «get», и когда я это сделаю, все перестает работать (мой ответ получается массивом массивов), даже если я добавлю _renderItem - и я уверен, что проблема это данные, но я не знаю, как увидеть данные, с которыми работает автозаполнение.

Answer 1

Got it. Я неправильно понял событие ответа автозаполнения.

http://api.jqueryui.com/autocomplete/#event-response

$("#birds").autocomplete({ 
    source: "/jsonplaylist.json", 
    minLength: 0, 
    select: function(event, ui) { 
    console.log(event); 
    document.getElementById("birds").value = ui.item.value; 
    document.getElementById("birdsID").value = ui.item.id; 
    return false; 
    }, 
    response: function(event, ui) { console.log(ui); } 
}); // this ends the .data(ui-autocomplete) 

Вызывается после завершения поиска до меню отображается.