how do I display json results using jquery ajax

Question

here is my ajax request :

 $(".colorme").on("click", function () {
        var c = $(this);
        var b = "id=" + c.attr("id");

    $.ajax({
        type: "POST", 
        url: "../../colorme",
        data: b,
        success: function (a) {
                   $.when(c.fadeOut(300).promise()).done(function () {

            if (c.hasClass("btn")) {

                c.removeClass("btn-default").addClass("btn-success").text(a).fadeIn()

            } else {
                c.replaceWith('<span class="notice_mid_link">' + a + "</span>")

            }
        })
        }});
        return false
    })

so here is what I receive as a response :

{"f0d8c0":0.3269616519174,"d8d8d8":0.22377581120944,"181818":0.10926253687316,"d8a890":0.091268436578171,"303030":0.054454277286136}

I would like to be able display each one of those values as a pair.Right now it returns :[object OBJECT]

have you tried jQuery.parseJSON() ? api.jquery.com/jquery.parsejson — Hassan
– Hassan, Commented Jan 29, 2014 at 6:35

Rikesh · Accepted Answer · 2014-01-29 06:36:18Z

1

Use,

data = $.parseJSON(JSON.stringify(a));

answered Jan 29, 2014 at 6:36

Rikesh

26.5k14 gold badges82 silver badges90 bronze badges

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

Comments

VIVEK-MDU · Accepted Answer · 2014-01-29 06:41:15Z

0

Try this.

var obj = jQuery.parseJSON(a);
alert( obj.f0d8c0);
alert( obj.d8d8d8);

You can assign your response value in var a =$.parseJSON(RESPONSE VALUE)

For more Details Read this LINK

answered Jan 29, 2014 at 6:41

VIVEK-MDU

2,5593 gold badges41 silver badges64 bronze badges

Comments

AyB · Accepted Answer · 2014-01-29 06:41:35Z

0

$.ajax({type: "POST", url: "../../colorme", data: b, success: function (a) {

  resp = jQuery.parseJSON(a);
  alert(resp.f0d8c0);
  alert(resp.d8d8d8); //maybe you need to use a better way to name the data?

               $.when(c.fadeOut(300).promise()).done(function () {

        if (c.hasClass("btn")) {

            c.removeClass("btn-default").addClass("btn-success").text(a).fadeIn()

        } else {
            c.replaceWith('<span class="notice_mid_link">' + a + "</span>")

        }
    })
    }});

edited Jan 29, 2014 at 6:41

answered Jan 29, 2014 at 6:36

AyB

11.6k4 gold badges34 silver badges49 bronze badges

Collectives™ on Stack Overflow

how do I display json results using jquery ajax

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related