如何使用jquery ajax显示json结果

时间:2014-01-29 06:32:29

标签: php jquery ajax json

这是我的ajax请求:

 $(".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
    })

所以这是我收到的回复:

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

我希望能够将这些值中的每一个显示为一对。现在它返回:[object OBJECT]

3 个答案:

答案 0 :(得分:1)

使用,

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

答案 1 :(得分: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>")

        }
    })
    }});

答案 2 :(得分:0)

试试这个。

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

您可以在var a =$.parseJSON(RESPONSE VALUE)

中指定回复值

更多详情请阅读LINK