Функция успеха Ajax, возвращающая

Я очень новичок в вызовах AJAX – ткнул в Интернете несколько учебных пособий, но до сих пор не очень успешным.

Поле ввода имеет назначенный идентификатор «idkey». Скрипт следующий:

$(document).on("keyup.autocomplete", "#idkey", function(){ var query = "q=" + $(this).val(); $.ajax({ url: 'api.php', type: 'GET', data: query, dataType: 'json', success: function(data) { alert(data); for (var i=0;i<data.length;i++) { content = data[i].IDKey; content += "<br>"; $(content).appendTo("#output"); // updateListing(data[x]); } } }); }); 

На стороне сервера api.php имеет выход:

 [{"IDKey":"30000001"},{"IDKey":"30000002"},{"IDKey":"30000004"}] 

Я не уверен, почему alert(data) вернет [object Object], [object Object], [object Object] . Любая подсказка, почему это происходит?

p / s: файл php имеет заголовок, заданный для Content-Type: application/json .