在 JQuery 中访问 JsonResult

Question

我有一个 ajax 调用，它在我的 razor 页面模型中返回以下方法：

return new JsonResult(new { success = "false", data = "Invalid model state error." });

这会将以下结果返回给客户端：

{"$id":"1","success":"false","data":"无效模型状态错误。"}

但是我很难访问 Jquery 中的值。这是我尝试过的：

function onCompleted(result) {
  alert(result.success); 
  alert(result[0].success);       
}

错误信息：

未捕获的类型错误：无法读取未定义的属性“成功” 在 HTMLFormElement.onCompleted

Ajax 语法要求：

<form asp-page="./MultiEdit" asp-page-handler="CreateInvoiceItem" id="formInvoiceItem"
      data-ajax="true"
      data-ajax-method="post"
      data-ajax-complete="onCompleted"
      data-ajax-failed="onFailed">
      ....
</form>

观看：

Answer 1

jQuery Unbotrusive AJAX Callback 返回一个 jqXHR；

当使用 jQuery 发出 AJAX 请求时，会返回一个 jqXHR 对象。 这可用于您通过指定的回调函数 data-ajax-complete、data-ajax-success 和 data-ajax-failure 属性。

假设响应的Content-Type 是json，那么jqXHR 应该有一个responseJSON 属性。

如果指定了json，则使用jQuery.parseJSON 解析响应 在作为对象传递给成功处理程序之前。解析的 JSON 对象通过 responseJSON 属性提供 jqXHR 对象。

以下内容应为您提供响应中的状态和消息；

function onCompleted(xhr) {
  alert(xhr.reponseJSON.success); 
  alert(xhr.reponseJSON.data);       
}