asp.net mvc ajax post返回404未找到

Question

我正在尝试使用 jquery ajax 函数执行 ajax 请求。我有一个非常奇怪的行为。我的文件夹结构是这样的：

我的客户端 ajax 调用（在 UserManagement/Index.cshtml 中）如下所示：

var rolename = viewModel.roleName();
$.ajax({
     type: "POST",
     url: '@Url.Action("AddRole", "UserManagement")',
     contentType: "application/json; charset=utf-8",
     data: { rolename: rolename },
     success: function(data) {
         var role = new Role(rolename);
         model.addRole(role);
         model.appendItem("#accordion", role.getItem());
         viewModel.roleName("");            
     }
});

在我的 UserManagementController.cs 中，我有以下操作：

    // GET: /UserManagement/
    public ActionResult Index()
    {
        var serializer = new JavaScriptSerializer();
        var context = new ApplicationDbContext();
        var users = context.Users.ToList();
        var roles = context.Roles.ToList();


        ViewBag.Users = users;
        ViewBag.Roles = roles;
        return View();
    }

    //
    // POST: /UserManagement/AddRole
    [HttpPost]
    public string AddRole(string rolename)
    {

        Response.StatusCode = 200;
        return "gsfgdg";
    }

我已经尝试使用 GET 而不是 POST 或将 AddRole 更改为 void 类型和其他任何东西，但我无法让它工作。我总是收到“404 not found”。 有人可以帮忙吗？

提前致谢！

Answer 1

如果您删除 Content-Type，您的情况将有效。

Case 1: If we use Content-Type: "application/json"

当您使用 application/json 的 Content-Type 请求时，在服务器端 ScriptServices 期望数据为 JSON 序列化字符串。

但是，我们可以看到"Invalid JSON primitive ***" 通常是响应的结果。

这里我们应该理解将jQuery的“数据”选项传递为“{'param':'value'}”，而不是{'param':'value'}。

所以在你的情况下，要实现解决方案：我们需要提供data，如下所示

var rolename = viewModel.roleName();
$.ajax({
     type: "POST",
     url: '@Url.Action("AddRole", "UserManagement")',
     contentType: "application/json; charset=utf-8",
     data: "{ 'rolename':'" + rolename +"' }",
     success: function(data) {
         var role = new Role(rolename);
         model.addRole(role);
         model.appendItem("#accordion", role.getItem());
         viewModel.roleName("");            
     }
});

Case 2: If we skip Content-Type: "application/json"

我们应该提供 jQuery 的“数据”选项作为 JSON 对象 {'param':'value'} 或 {param:'value'}。 （和你一样）

希望对你有帮助:)