javascript - 如何正确从 JSON.stringify 中提取数据

Question

我正在学习 AJAX，当我在 MVC 示例中使用它时，我在获得结果时遇到了一些困难。

我的代码包含以下部分:

1- MVC Controller :有一个方法只返回一个值:

    [HttpPost]
    public JsonResult DemoAjaxMvc()
    {
        return Json(new { returnedData = "Hello" }, JsonRequestBehavior.AllowGet);                
    }

2- JavaScript 部分:

function testAjax(){
  $.ajax({
          type: "POST",
          url: "DemoAjaxMvc",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function (data) {
              //
              alert(JSON.stringify(data));

              alert(data.length);

              alert(data[0].returnedData);
          },
          error: function (exception) {                
              console.log(exception);
          }
      });
}

3- View 部分:

<button type="button" onclick="testAjax()">Show Returned Data</button>

我无法理解的是，代码实际上能够从 alert(JSON.stringify(data)); 读取数据，但是 alert(data.length); 始终返回 undefined 并且 alert(data[0].returnedData); 返回错误

如何从 JSON.stringify(data) 中成功提取 returnedData？

我发现了一些与我的问题标题几乎相同的问题，但我无法理解它们，因为它们看起来不同，而且我还不熟悉如何正确阅读代码

Answer 1

您不需要字符串化。 dataType: 'json' 告诉 jQuery 响应应该是 JSON，它会自动将其解析为一个对象。此时您所要做的就是像访问任何普通对象一样访问它。

console.log(data.returnedData); //this according to your code should be "Hello"