Asp.net MVC 5 Ajax POST 在应用程序发布后抛出异常 404（未找到）

Question

在本地一切正常（当我运行使用本地主机时），但是在我发布到 IIS 和运行s 之后，它在浏览器控制台中抛出异常

POST http://xx.xxx.x.x/Dashboard/FilterData 404 (Not Found)

下面是我的代码，我使用一个按钮来调用这个 javascript 函数

VIEW - 索引

<script type="text/javascript">

    function btnFilterClick() {

        var txtFDate = $("#dpFrom");
        var txtTDate = $("#dpTo");
        var ddBranches = $("#ddBranches");
        var ddBrands = $("#ddBrands");

        $.ajax({
            type: "POST",
            url: "/Dashboard/FilterData",
            data: '{FromDate: "' + txtFDate.val() + '", ToDate: "' + txtTDate.val() + '", SelectedBranches : "'+ ddBranches.val()+'", SelectedBrands : "'+ ddBrands.val()+'" }',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success:
                function (r)
                {
                    chartPurchaseVsSales.data.datasets[0].data = r.listSalesData;
                    chartPurchaseVsSales.data.datasets[1].data = r.listPurchaseData;
                    chartPurchaseVsSales.data.labels = r.xAxisNameForPurchaseAndSales;
                    chartPurchaseVsSales.update();


                }
        });


    }

    </script>

控制器 - DashboardController

    [HttpPost]
    [Authorize]
    public JsonResult FilterData(DashboardModel modelX)
    {
        DashboardModel model = new DashboardModel();
        model.xAxisNameForPurchaseAndSales = new string[] { };
        model.xAxisNameForStock = new string[] { };



        *Skipped some codes to make it simple*

        return Json(model);

    }

知道这里出了什么问题吗？我是网络开发的新手！帮帮我！

Answer 1

解决方案 1

您可以从 url: "/Dashboard/FilterData", 更改为如下所示

url: '@Url.Action("FilterData", "Dashboard")'

解决方案 2

在HTML

<input type="hidden" value="@Url.Action("FilterData", "Dashboard")" id='url' />

在Jquery

url: $("#url").val()

Answer 2

您需要将 ajax 请求中的 URL 更改为 URL: '/YourAppName/Controller/ActionResult'，在 IIS 上发布之后。这就是 URL 不应该被硬编码的原因。您可以在剃刀页面中使用隐藏字段并填充 URL，如 @Url.Action("FilterData", "Dashboard") 并从那里读取它。希望对你有帮助。

Answer 3

我改成了'@Url.Action("FilterData", "Dashboard")'，效果很好！谢谢大家。

下面是我的代码

 $.ajax({
        type: "POST",
        url: '@Url.Action("FilterData", "Dashboard")',
        data: '{FromDate: "' + txtFDate.val() + '", ToDate: "' + txtTDate.val() + '", SelectedBranches : "'+ ddBranches.val()+'", SelectedBrands : "'+ ddBrands.val()+'" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success:
            function (r)
            {
                chartPurchaseVsSales.data.datasets[0].data = r.listSalesData;
                chartPurchaseVsSales.data.datasets[1].data = r.listPurchaseData;
                chartPurchaseVsSales.data.labels = r.xAxisNameForPurchaseAndSales;
                chartPurchaseVsSales.update();


            }
    });

Asp.net MVC 5 Ajax POST 在应用程序发布后抛出异常 404（未找到）

Asp.net MVC 5 Ajax POST throws exception 404 (Not Found) after application is published

asp.net-mvc

jquery

post

asp.net-ajax

asp.net-mvc-5