AJAX POST 请求返回 400 错误

Question

我正在尝试使用 jQuery AJAX 使用 POST 方法将数据发送到控制器。这是我用来发送数据的代码：

 $('#save_new').on('click', function () {
                var category_name = $('#new_category').val();
                var description = $('#new_description').val();

                $.ajax({
                         type: 'POST',
                         url:"/admin/news-category/addNew",
                         data: JSON.stringify({ category_name:     category_name  ,description:description}),
                         contentType: 'application/json; charset=utf-8',
                         dataType:'json',
                         success: function (ctct) {
                            alert("success function run,");
                        },
                        error: function () {
                            alert("Failed to save news category.");
                        }
                });
            });

这是我的控制器：

[Route("/admin/news-category")]
public class NewsCategoryController : Controller
{
    [Route("addNew")]
    [HttpPost]
    public IActionResult addNew(string category_name,string description)
    {
        NewsCategory news_category = new NewsCategory();
        if (ModelState.IsValid)
        {
           // some statements here
            return Json(new { success = true, responseText = "News Category added successfully" });
        }
        return Json(new { success = false, responseText = "Invalid input datas.Please enter valid datas and try again" });
    }
}

执行尚未到达控制器中的 addNew 操作。问题的原因是什么？

更新 1：这是我在 Startup

中的 MapRoute

   app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "{controller=Home}/{action=Index}/{id?}");
            });

更新 2：这是我的网络选项卡的样子：

Answer 1

我收到这个错误是因为我添加了

 services.AddMvc(options =>
            {
                options.Filters.Add(new AutoValidateAntiforgeryTokenAttribute());
            });

在 Startup 类中的 ConfigureServices 方法中。

从看来，我没有发送 AntiForgeryToken，因为我没有使用 Form 标签助手。默认情况下，由于那个 MiddleWare，我的操作是检查不是通过 AJAX 请求 发送的 AntiForgeryToken。因此，我使用 [IgnoreAntiforgeryTokenAttribute] 从 addNew 操作中删除了验证。

[Route("addNew")]
  [HttpPost]
  [IgnoreAntiforgeryTokenAttribute]

这解决了我的问题。 我希望这对遇到同样问题的其他人有所帮助。

Answer 2

简短回答：您需要了解路线图以及何时使用它们...

长答案：参考注释行

  app.UseMvc(routes =>
        {

           routes.MapRoute(
             name: "newcatroute",
             template: "admin/news-category/{action}/{id?}"
             defaults: new {controller="NewsCategory", action="Index"]);

            //your route CAN'T be caught by default... because 
            //of the `admin/news-cateogry`since it doesn't know 
            //how to map that to any controller even with that route 
            //attribute attached to the Controller its self.               


            //HONEY POT ROUTE ... WORKS most of the time, unless you put some flashy extras in...!
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}");
        });



public class NewsCategoryController : Controller
{

   public IActionResult Index(){
         return View();
   }

   [HttpPost]
   public IActionResult addNew(string category_name,string description)
   {
     //...
   }
}

使用上面的路由映射，它会将任何对“admin/news-category”的调用映射到该控制器，任何与该控件相关的操作都会被发现。

https://docs.microsoft.com/en-us/aspnet/core/fundamentals/routing#using-routing-middleware

Answer 3

这很可能是方法签名中的参数有问题。 默认情况下，使用 POST 时，您应该在消息正文中定义要发送的数据。 因此，我建议您创建一个像这样保存这些参数的类

public class MsgDto
{
    public string category_name { get; set; }
    public string description { get; set; }
}

然后告诉你的方法使用 FromBody 属性从消息体中读取这些值

[Route("addNew")]
[HttpPost]
public IActionResult addNew([FromBody]MsgDto msg)
{
    // read msg.category_name or msg.description
}