如何将 Ajax.BeginForm MVC 助手与 JSON 结果一起使用？ JSON 结果中的参考数据

Question

在帖子中 如何使用 Ajax.BeginForm MVC 助手JSON 结果？ Joel 引用了如下解决方案：

function onTestSuccess(data, status, xhr) { 

    console.log("data", data); 
    console.log("xhr", xhr); 
    console.log("status", status); 

    // Here's where you use the JSON object 
    //doSomethingUseful(data); 
} 

How do I reference elements in the JSON object "data" in my code? 我的控制台日志显示以下内容： LOG: data{"success":true,"uri":"/Image/Confirm2?category=foo"}

我试图在我的 jquery 代码中使用“uri”的值。我尝试过：

console.log("uri", data.uri);

但得到以下结果：

LOG: datauriundefined

Answer 1

function onTestSuccess(data, status, xhr) { 
    var uri = data.uri;
    // uri = '/Image/Confirm2?category=foo' at this stage 
    // so you could do something useful with it
} 

此外，要实现此功能，您需要在设置 Ajax.BeginForm 时使用 AjaxOptions 中的 OnSuccess="onTestSuccess" 设置，而不是 OnComplete="onTestSuccess"。

---

事实证明，问题出在您的控制器操作中，您在其中指定了不正确的 text/html 内容类型。

因此，

String uri = Url.Action("Confirm2", "Image", new RouteValueDictionary(new { category = "foo" })); 
return Json(new { success = true, uri = uri }, "text/html");

您应该使用：

String uri = Url.Action("Confirm2", "Image", new RouteValueDictionary(new { category = "foo" })); 
return Json(new { success = true, uri = uri });