Terry Terry - 3 months ago 26
jQuery Question

Ajax success function returning [object, object]

I'm very new to AJAX calls - poked around the web for a few tutorials but still not quite getting successful at it.

The input field has an assigned ID of "idkey". The script is as follow:

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

On the server side, the api.php has an output of:


I am not sure why the
would return
[object Object], [object Object], [object Object]
. Any clue to why this is happening?

p/s: The php file has a header set to
Content-Type: application/json


Your json response is an array of 3 objects . That's the reason you are seeing the alert as an object..

Try alert(data[0].IDKey) .. It should give you 30000001

To see the data try console.log or place the alert inside for loop

for (var i=0;i<data.length;i++) {

$.each(data, function(i, value) {
   console.log('Value of '+ i +' is : ' + value);