asp.net-mvc - 将 JObject 发布到操作

Question

我在读瑞克·斯特拉尔斯

http://www.west-wind.com/weblog/posts/2012/May/08/Passing-multiple-POST-parameters-to-Web-API-Controller-Methods

我希望能够在操作中使用 JObject。我写了一个这样的控制器

public class AlbumsController : Controller
{
    [System.Web.Http.HttpPost]
    public string PostAlbum(JObject jsonData)
    {
        return "success";
    } 
}

前端看起来像这样

当 ajax 被调用时，我得到一个错误

       $("#a").click(function () { 
            var album = {
                AlbumName: "PowerAge",
                Entered: "1/1/1977"
            }
            $.ajax(
            {
                url: "Albums/PostAlbum",
                type: "POST",
                contentType: "application/json",
                data: JSON.stringify({ Album: album }),
                success: function (result) {
                    alert(result.Result);
                }
            });
        });

POST http://localhost:50066/Albums/PostAlbum 500 (Internal Server Error)jquery-1.7.1.js:8102 发送 jquery-1.7.1.js:8102 jQuery.extend.ajax jquery-1.7.1.js:7580（匿名函数）相册：74 jQuery.event.dispatch jquery-1.7.1 .js:3256 elemData.handle.eventHandle

Answer 1

您的控制器应该派生自ApiController，而不是派生自Controller：

public class AlbumsController : ApiController

此外，如果您使用默认路由设置：

config.Routes.MapHttpRoute(
    name: "DefaultApi",
    routeTemplate: "api/{controller}/{id}",
    defaults: new { id = RouteParameter.Optional }
);

我建议您使用 RESTful 操作名称：

public class AlbumsController : ApiController
{
    [HttpPost]
    public string Post(JObject jsonData)
    {
        return "success";
    } 
}

进而：

$('#a').click(function () { 
    var album = {
        AlbumName: "PowerAge",
        Entered: "1/1/1977"
    }
    $.ajax({
        url: 'api/albums',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ Album: album }),
            success: function (result) {
                alert(result);
            }
        });
    });
    return false;
});