how to alert javascript object

Question

I am trying to study the jquery class, but I have a hard time debugging an object because I can't see the element inside of it

$("#birds").autocomplete({
    source: "search.php",
    select: function (event, ui) {
        alert(ui);
    }
});

it returns [object Object].. :( My question is how can I alert the object so that I can see the element?

Answer 1

i recommend you use FireBug for debugging javascript . then you can just do

console.log(ui) 

and it'll log the object in a form you can expand

Answer 2

Just convert your object to a JSON object using stringfy.

alert(JSON.stringify(yourObjectVariable));

simple as pie :)

Answer 3

you can also try Java Script method:

 // Alert javascript object in alert box
    function alertObject(obj){      
        for(var key in obj) {
        alert('key: ' + key + '\n' + 'value: ' + obj[key]);
        if( typeof obj[key] === 'object' ) {
            alertObject(obj[key]);
        }
        }
    }

Here 'obj' is:

// your object var
var getObject = {};

// object set with key an val
getObject.swfVersionStr = '10.0';
getObject.xiSwfUrlStr = null;
getObject.flashvarsObj = {};
getObject.parObj = {allowfullscreen: "true",wmode: "window",menu: "false"};

Call like this:

alertObject(getObject );

So, simple.. :)

Answer 4

If you are using Firefox then you can alert object value like below code

 alert(object.toSource());   // for you alert(ul.toSource());

That above code worked fine for me.

Answer 5

Convert your array or object to a JSON object using stringify .

Example:

var obj = { "name":"bayiha", "age":30, "city":"Eseka"};
var myJSON = JSON.stringify(obj);

alert(myJSON);

for more info clik here

Answer 6

alert(JSON.stringify(YOUR_OBJECT_HERE, null, 4));