jQuery如何从responseText中读取此JSON字符串

jQuery how to read this JSON string from responseText

本文关键字:读取 JSON 字符串 responseText jQuery      更新时间:2023-09-26

我已经尝试了几乎所有的方法来处理堆栈溢出,但不知何故,我无法读取jquery ajax中成功函数调用返回的JSON字符串数据。我的成功函数接收以下JSON字符串:

Object {
  readyState = 4, responseText = "{"
  Response ":200,"
  Data ":"
  6 ","
  Message ":"
  6 "}", status = 200, statusText: "OK"
}

这是我的成功回调:

success: function(response, msg, responseText) {
   if (response.Response == 200) {
     console.log("Data was submitted");
     var obj = responseText;
     console.log(typeof obj);
   } else if (response.Response == 400) {
     console.log("there was some error");
   }
 }

当成功函数被触发并检查状态代码时,它执行console.log("数据已提交");语句成功,但是,我无法访问"Data":"6"键/值对。

到目前为止,我已经尝试过这样做:

var obj = responseText;
console.log(obj.Data);

console.log(obj.data[1]);

以及许多其他方式,但要么说"未定义",要么给出错误。然而,当我控制台.log(obj)时,它在控制台中显示"obj"。这意味着我得到了一个JSON对象。

请注意,我也尝试过:

obj = jQuery.parseJSON(responseText);

这给了我一个错误:SyntaxError:JSON.parse:JSON数据第1行第2列的意外字符

在这种情况下该怎么办?我希望能够提取密钥名称"Data"的值:并将其值="6"分配给变量。

成功回调的第一个参数是您需要的,而不是第三个参数。第一个参数将表示从服务器返回的响应的主体。此外,您不需要在成功回调中检查任何不同于200的状态代码。这就是error回调的设计目的,因为如果服务器返回400状态代码,则永远不会触发成功回调。

因此:

dataType: 'json',
success: function (response) {
    console.log("Data was submitted");
    console.log(response.Data);
},
error: function() {
    console.log("there was some error");
}

成功回调为success: function(data, textStatus, jqXHR )

因此,第一个data将包含返回给success函数的数据。