如何使用jquery解析json对象

时间:2012-05-26 19:31:07

标签: jquery json

我认为这是一个非常基本的问题,但我花了几个小时寻找没有运气的答案,我有以下json对象(使用play生成!框架)

{
    "preg.pregunta": [{
        "message":"Debes escribir una pregunta",
        "key":"preg.pregunta",
        "variables":[]
    }],
    "preg":[{
        "message": "validation.object",
        "key":"preg",
        "variables":[]
    }]
}

这是我的jquery代码

$.ajax({
    type: $target.attr('method'),
    data: dataString,
    url:$target.attr('action'),
    dataType: "json",
    beforeSend: function() {
        //some stuff
    },
    success:function(response){
        //some stuff
    },
    error: function(response){
        //I want to use the json response here.
    }
});

我希望获得所有内容preg.preguntamessagekey值)

任何帮助?

更新:我没有足够的声誉回答自己,这是我到目前为止所发现的。

好吧也许这可能是显而易见的,或者我需要多学习一点;我发现jQuery没有正确解析JSON响应,如果它出现HTTP错误(在这种情况下为400)。

有人知道为什么会这样做?

我刚在success处理程序中测试了这段代码,效果很好!

$.ajax({
  type: $target.attr('method'),
  data: dataString,
  url:$target.attr('action'),
  dataType: "json",
  beforeSend: function() {
  },
  success:function(response){
    //It is working perfectly!
    $.each(response,function(object){ //first loop of the object
      $.each(response[object],function(values){ //looping inside arrays
        console.log(response[object][values].key) //getting value "key"
        console.log(response[object][values].message) //getting value "message"
      });
    })
  },
  error: function(response){
    //nothing happens here
  }
});

更新2。

在搜索了大约2个小时之后,我找到了一个直截了当的解决方案:

error: function(response){
//Note the jQuery.parseJSON function
var response = jQuery.parseJSON(response.responseText);
  $.each(response,function(object){
    $.each(response[object],function(values){
      console.log(response[object][values].key)
      console.log(response[object][values].message)
    });
  })
}

说明:使用错误处理程序时,jQuery返回描述错误的复杂对象,responseText包含从服务器检索的数据,因此,您必须使用parseJSON函数对其进行解析。

希望这有帮助!

1 个答案:

答案 0 :(得分:2)

试试这个:

error: function(response) {
    var pregunta = response["preg.pregunta"][0].message;
    var key = response["preg.pregunta"][0].key;
},

如果preg.pregunta数组中有多个值,则需要循环并用您的迭代变量替换[0]

另外,我不太明白为什么你只想访问error处理程序中的响应?

最后,访问JSON的代码是本机javascript。这是因为当您收到响应时,它已被转换为POJS对象,不需要jQuery。