JQuery ajax 对 MVC 操作的调用总是在没有错误时返回错误

Question

这是一个 MVC3 应用程序。我对我的操作有以下 javascript 调用：

 function editDescription(docId,fileName, fileDescription) {
    $.ajax({
         type: "POST",
         url: "/OrderDetail/LoadModelData",
         contentType: "application/json; charset=utf-8",
         data: "{'id': '"+docId +"', 'filename': '"+fileName+"', 'description': '"+fileDescription+"'}",
         dataType: "json",
         success: function (result) {
         alert("ok: "+ result.d);
         },
         error: function (result) {
             alert('Oh no: '+ result.responseText);
         }
     });

这是我的行动：

    [HttpPost]
    public string LoadModelData(string id, string filename, string description)
    {
        return filename;
    }

我运行代码，使用参数调用操作，没有任何内容为空，但每次都会调用错误函数。所以每次都会出现带有“Oh no”的警告框，但是从操作返回的字符串是正确的。如果文件名是 test.pdf，错误警告框会显示

    'Oh No: test.pdf'. 

我查看了 Firebug，没有错误。尽管没有错误，为什么没有调用成功函数？

Answer 1

您期望（返回）来自您的操作方法的 string 值。那么为什么需要将数据类型指定为json 呢？删除它，看看会发生什么。响应中没有 d 属性！所以只需在警报中使用结果。

$.ajax({
         type: "POST",
         url: "/OrderDetail/LoadModelData",
         contentType:"application/json; charset=utf-8",         
         data: JSON.stringify({ 
                             id: docId, 
                             filename: fileName, 
                             description: fileDescription 
                            }),
         success: function (result) {
         alert("ok: "+ result);
         },
         error: function (result) {
             alert('Oh no: '+ result.responseText);
         }
     });

datatype 属性告诉服务器客户端期望返回什么样的内容作为结果。

编辑： 正如 Darin 所说，请使用 JSON.stringify 方法构建 JSON 请求。更新此答案以包括未来访问者的正确方法。

Answer 2

永远不要使用字符串操作构建 JSON：

data: "{'id': '"+docId +"', 'filename': '"+fileName+"', 'description': '"+fileDescription+"'}",

那是绝对可怕和错误的。你没有编码任何东西。在description 中引用足够的内容，一切都会中断。操作 JSON 时始终使用 JSON 解析器

像这样：

$.ajax({
     type: "POST",
     url: "/OrderDetail/LoadModelData",
     contentType: "application/json; charset=utf-8",
     data: JSON.stringify({ 
         id: docId, 
         filename: fileName, 
         description: fileDescription 
     }),
     success: function (result) {
         alert("ok: "+ result.filename);
     },
     error: function (result) {
         alert('Oh no: '+ result.responseText);
     }
 });

JSON.stringify 方法是现代浏览器本机内置的。如果您需要支持旧版浏览器，您可以包含 json2.js 脚本

另一个错误是您的控制器操作签名。在 ASP.NET MVC 控制器操作必须返回 ActionResults，而不是字符串：

[HttpPost]
public ActionResult LoadModelData(string id, string filename, string description)
{
    return Json(new { filename = filename });
}