Question

I’m new to jQuery and I found one example and by using that example I parsed my json string as below, but I found all outputs as undefined instead of value.

$(document).ready(function() {
    $(document).bind("contextmenu",function(e){
        return false;
    });
    var jsonp = '{"members":[{"User_name":"Vrushank","Email":"[e-mail]"},{"User_name":"dfdaf","Email":"[e-mail]"},{"User_name":"vimlesh","Email":"[e-mail]"},{"User_name":"nirav","Email":"[e-mail]"},{"User_name":"parth","Email":"[e-mail]"},{"User_name":"fsd","Email":"[e-mail]"}]}';
    var lang = '';
    var user = '';
    var email = '';
    alert(jsonp);
    var obj = $.parseJSON(jsonp);
    //alert(obj);
    $.each(obj, function() {
        lang += this['members'];
        alert(lang);
        $.each(lang, function() {
            user = this['User_name'];
            email = this['Email'];
            $('span').append(user +":"+email+"<br/>");
            user="";email="";
        });

    });

});

Answer 1

You don’t need to have two $.each calls. Just do:

$.each(obj.members, function(i, member) {
       $('span').append([member['User_name'], ':', member['Email'], '<br/>'].join(''));
});​

See this fiddle

The jQuery docs on $.getJSON do have a pretty good example of how to loop through JSON-data with the use of $.each()