how to alert javascript object

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?

Answers:

Answer

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

Just convert your object to a JSON object using stringfy. alert(JSON.stringify(yourObjectVariable));

simple as pie :)

Answer

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

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

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

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.