jquery using json object

Question

script.js

$('#loginform').submit(function(e){
    $.ajax({
        type:"POST",
        url:"/accounts/login/ajax/",
        data:$('#loginform').serialize(),
        success: function(msg){
            var msg = msg;
            msg = JSON.parse(msg);
            $('#messagestatus').html('');
            if(msg.username != null){
                $('#messagestatus').append(msg.username);
            }
            if(msg.password != null){
                $('#messagestatus').append(msg.password);
            }
        }
    });
    e.preventDefault();             
});

returned object

{'username':['Required'],'password':['Required']}

When I am using JSON.parse and I am alerting, it's showing the correct error, but when I am appending it to the messagestatus div its not responding, please help .

jsonlint.com complains about {'username':['Required'],'password':['Required']} not being valid JSON. It comes back with Parse error on line 1: { 'username': [ -----^Expecting 'STRING', '}' Replace the ' with " and the JSON will be valid. You still got the issue though of password and username values being arrays. — Nope
– Nope, Commented Aug 10, 2012 at 21:59

Vlad · Accepted Answer · 2012-08-10 21:52:46Z

2

Your username and password are arrays in your json.Either make it that your json looks like

    {'username':'Required','password':'Required'}

or change your script:

    if(msg.username.length > 0)
    {
       $('#messagestatus').text(msg.username[0]);
    }
    if(msg.password.length > 0)
    {
       $('#messagestatus').text(msg.password[0]);
    }

answered Aug 10, 2012 at 21:52

Vlad

2,53022 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Abhimanyu Over a year ago

but how do i check if username exists or not ??

Vlad Over a year ago

add if ( typeof msg.username != 'undefined' ) before the first if, and if ( typeof msg.password != 'undefined') before the second if.

Marc B · Accepted Answer · 2012-08-10 21:53:02Z

1

Might be significant, might not be, but your json object actually consists of sub-arrays:

{'username':['Required'],'password':['Required']}
            ^----------^            ^----------^

meaning that the decoded data structure in JS would actually be

obj['username'][0]   and        obj['password'][0]

answered Aug 10, 2012 at 21:53

Marc B

362k44 gold badges433 silver badges508 bronze badges

1 Comment

gen_Eric Over a year ago

It also has ' instead of " around its keys.

Gil Zumbrunnen · Accepted Answer · 2012-08-10 22:01:09Z

0

First of all, parameters do not need to be redeclared in their function.

then, to parse your json using $.parseJSON() :

msg = $.parseJSON(msg);

Your JSON contains arrays, use msg["username"][0] to access the first string and not the full array.

And I would put e.preventDefault(); as first statement before AJAX.

And .html('') => .empty() but it's the same result.

answered Aug 10, 2012 at 22:01

Gil Zumbrunnen

1,0626 silver badges17 bronze badges

Collectives™ on Stack Overflow

jquery using json object

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related