JSON results not displaying in HTML

Question

I am trying to display a JSON result as below in my HTML page:

{
    "error": false,
    "gal_providers": [
        {
            "GalProvider": {
                "id": "132",
                "uid": "gp_522f1e047329f",
                "user_id": "49754",
                "author_id": "0",
                "gal_category_id": "3",
                "provider_type": "photographer",
                "other_info": "",
                "cover_img": "495d42.jpg",
                "sample_img1": "b.jpg",
                "sample_img2": "mb.jpg",
                "sample_img3": "e2_thumb.jpg",
                "website": "",
                "gal_location_id": "1",
                "gal_location_other": "",
                "show_contact_num": "1",
                "show_email": "1",
                "show_website": "1",
                "show_contact_form": "0",
                "store_view_count": "0",
                "contact_num_view_count": "42",
                "email_view_count": "23",
                "featured": "0",
                "likes": "50",
                "new": "0",
                "views": "1377",
                "rating": "1967",
                "status": "1",
                "added_on": "1366286510"
            },
            "User": {
                "id": "49754",
                "uid": "516fe0addefb0",
                "name": "Photographer Name Photography",
                "username": "photo67",
                "password": "somepassword",
                "email": "[email protected]"
                /* ...and so on ... */
            }
        }
    ]
}

And my jquery is:

jQuery.each(resp.gal_providers, function(index, gal_provider) {

        html = "";
        html = html + '<div class="heading" style="">';
        html = html + '<a href="'+gal_provider.GalProvider.id+'">'+gal_provider.User.name+'</a>';
        html = html + '</div>';

        $("#temp_res").append(html);

        page_num++;
    });

But it is not displaying anything in div id temp_res. I am new to jquery and json as well. Whats wrong with the jquery ?

$("#temp_res").append(html); It should be $("#temp_res").html(html); — Parkash Kumar
– Parkash Kumar, Commented Dec 5, 2013 at 7:19
When asking for help, please take the time to format things readably. I've fixed it for you on this occasion, but after 126 previous questions, I really shouldn't have had to... — T.J. Crowder
– T.J. Crowder, Commented Dec 5, 2013 at 7:20
Have you deserialized the json into resp, or is resp just the string containing the JSON? — Thayne
– Thayne, Commented Dec 5, 2013 at 7:22

rajesh kakawat · Accepted Answer · 2013-12-05 07:51:54Z

1

try something like this

var resp = json_result;//if json_result is javascript object

var resp = jQuery.parseJSON(json_result);//if json_result is string
var html = "";
jQuery.each(resp.gal_providers, function(index, gal_provider) {
    html = html + '<div class="heading" style="">';
    html = html + '<a href="'+gal_provider.GalProvider.id+'">'+gal_provider.User.name+'</a>';
    html = html + '</div>';
});
$("#temp_res").append(html);

edited Dec 5, 2013 at 7:51

answered Dec 5, 2013 at 7:42

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

JSON results not displaying in HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related