CODEWITHSUNDEEP
javascriptjqueryjson
nami
nami

Reputation: 1266

Why am I getting [object Object] instead of JSON?

This is the script:

$("#some_button").click(function() {

    var changed = [];

    $( 'input[id$="_1"]' ).each(function() {

        var new_id = this.id.replace( '_1', '_0' );

        if ( $(this).val() !== $( 'input#' + new_id ).val() ) {

            changed.push({id:new_id, new_val:$('input#' + new_id).val(), old_val:$(this).val()});

        }

    });

    alert(changed);

});

and it's gives me [object Object],[object Object].

What am I doing wrong?

Upvotes: 5

Views: 20310

Answers (2)

Darin Dimitrov
Darin Dimitrov

Reputation: 1038930

Because you don't have JSON. You have an array: []. JSON is a string representation of a javascript object.

You could use the JSON.stringify method to generate a JSON string from an existing object:

alert(JSON.stringify(changed));

The JSON.stringify method is native in modern browsers but if you need to support legacy browsers you will need to include json2.js to your page. This script checks whether the browser supports natively JSON.stringify and uses it, or if it doesn't it provides a sample implementation.

Upvotes: 11

Jeremy Banks - Vive le Canada
Jeremy Banks - Vive le Canada

Reputation: 129792

JSON is one way to display/encode JavaScript objects, but it's not used by default. When you convert an object to a string you'll normally just get a useless value like "[object Object]".

If you want to convert your object into a JSON string, you need to use the JSON.stringify function. (This is included in new browsers, but requires a JSON library in older ones.)

In your case, you probably want to replace your alert line with

alert(JSON.stringify(changed));

Upvotes: 2

Related Questions