How do I get the JSON content from a JSON string in JQuery?

Question

My JSON string(this is what i get after making the request in $.post )-

{"email":"bill gates"}
{"email":"steve jobs"}
{"email":"mark zuckerberg"}
{"email":"cristiano ronaldo"}
{"email":"wayne rooney"}

The code I am using to get the content-

$(document).ready(function() {
    var data = new Object();
    data.email = "[email protected]";
    var dataString = $.toJSON(data);
    $.post('templates/chat.php', {
        data: dataString
    }, function(json) {
$("body").append(json);
    });
});

I want to dislay each one of them in an <li> tag.

What did you try? Rentacoder.com is just around the corner... Here at SO we answer questions about pieces of code that you have already written; this is not a "write my code for me" website. — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Sep 7, 2011 at 10:11
Also, that is not valid JSON. That is five separate pieces of individually-valid JSON. — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Sep 7, 2011 at 10:12

Dmitry Maksimov · Accepted Answer · 2011-09-07 10:10:05Z

1

Try something like that:

var list = "<ul></ul>";
$.each(json, function(idx, value) {
    list.append("<li>" + value.email + "</li>");
});
$("body").append("list");

answered Sep 7, 2011 at 10:10

Dmitry Maksimov

2,86124 silver badges19 bronze badges

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

1 Comment

Marvin Zumbado Over a year ago

I think it should be: $("body").append(list); instead of $("body").append("list");

Tim B James · Accepted Answer · 2011-09-07 10:12:40Z

1

take a look at http://api.jquery.com/jQuery.parseJSON/

should be able to do

 var obj = $.parseJSON(json);
 $.each(obj, function(index, item){
     // append to your <ul> if it already exists, or build one up
     $('ul').append('<li>' + item.email + '</li>');
 });

answered Sep 7, 2011 at 10:12

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

Comments

GregL · Accepted Answer · 2011-09-07 10:19:01Z

0

You don't need to manually encode things to JSON with jQuery, usually.

Does the following Javascript work instead?

$(document).ready(function() {
    var data = new Object();
    data.email = "[email protected]";
    $.post('templates/chat.php', data, function(response) {
        $("body").append('<ul>' + response.map(function(elm) {
            return '<li>' + elm + '</li>';
        }).join('') + '</ul>');
    });
});

answered Sep 7, 2011 at 10:19

GregL

38.2k8 gold badges65 silver badges68 bronze badges

Collectives™ on Stack Overflow

How do I get the JSON content from a JSON string in JQuery?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related