javascript - 在 ASP.NET MVC 中从外部 javascript 文件提交 Ajax 请求

Question

我正在尝试从 ASP.NET MVC 中的外部 JavaScript 文件提交 ajax 请求。我得到了 500。我做错了什么？

Ajax 调用(来自外部 JS 文件)

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: { jsonData: "testing" },
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

Controller 操作方法(应该捕获请求)

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }

    [HttpGet]
    public void AjaxEndpoint()
    {
        var thing = 1 + 2;
    }

    // AJAX endpoint for GetProducts.js
    [HttpPost]
    public void AjaxEndpoint(string jsonData)
    {
        var thing = 1 + 2;
    }

}

我收到错误

Answer 1

您需要删除 contentType 选项

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: { jsonData: "testing" },
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

或者，将数据字符串化

$.ajax({
    type: "POST",
    url: '/Home/AjaxEndpoint',
    data: JSON.stringify({ jsonData: "testing" }),// modify
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});