从 Javascript ASP.NET 调用 [HTTPPost]答案

【问题标题】：Calling [HTTPPost] from Javascript ASP.NET从 Javascript ASP.NET 调用 [HTTPPost]
【发布时间】：2018-02-21 21:01:15
【问题描述】：

我在我的控制器中使用了一个从 API 导入数据的方法。我希望从两个位置调用此方法。首先是视图（当前工作），其次是 javascript 函数。

控制器方法的开始：

[ActionName("ImportRosters")]
    [HttpPost]
    public ActionResult PerformImportRosterData(int id, int? actualLength, int? rosterLength)
    {
        var authenticator = Authenticator(id);
        var rosters = authenticator.Api().RosterData().ToDictionary(x => x.Id);

        var databaseRosterDatas = SiteDatabase.DeputyRosterData.Where(x => x.SiteID == id)
            .ToDictionary(x => x.Id);

Javascript 函数：

$("#btnDeputyRunNowUpdate").click(function() {
    $("#btnRunDeputyNow").modal("hide");
    ActualLength = $("#actualRunLength").val();
    RosterLength = $("#rosterRunLength").val();
    $.ajax({
        type: "POST",
        url: "/deputy/PerformImportRosterData",
        data: { SiteIDRoster, ActualLength, RosterLength }
    });
    SiteIDRoster = null;
    location.reload();
    $("#btnRunDeputyNow").modal("hide");
    toast.show("Import Successful", 3000);
});

正在设置所有值，但我在 url 行上收到 404 错误 POST https://example.org/deputy/PerformImportRosterData404 ()

我需要一种能够从 html 和 JS 调用此 c# 方法的方法

【问题讨论】：

标签： javascript asp.net http-post

【解决方案1】：

如果您要在 AJAX 中修改 URL，则可以这样做。它应该看起来像

url: '<%= Url.Action("YourActionName", "YourControllerName") %>'

或

url: @Url.Action("YourActionName", "YourControllerName")

还有一件事，我不知道你是否对通话结果做任何事情。您的脚本没有成功部分

 success: function(data) {//do something with the return}

并且在您的调用中有错误处理程序会非常有帮助。关于 AJAX 外观的完整示例：

$.ajax({
  url: "target.aspx",
  type: "GET",
  dataType: "html",
  success: function (data, status, jqXHR) {
   $("#container").html(data);
    alert("Local success callback.");
   },
   error: function (jqXHR, status, err) {
     alert("Local error callback.");
  },
  complete: function (jqXHR, status) {
     alert("Local completion callback.");
  }
})

有关 AJAX 的优秀教程请阅读 this document

评论后更改：我当前的代码如下：

$("#btnDeputyRunNowUpdate").click(function() {
    $("#btnRunDeputyNow").modal("hide");
    ActualLength = $("#actualRunLength").val();
    RosterLength = $("#rosterRunLength").val();
    $.ajax({
        type: "POST",
        url: '<%= Url.Action("PerformImportRosterData", "DeputyController") %>',
        data: { SiteIDRoster, ActualLength, RosterLength },

        success: function(data) {
            console.log(data);
            console.log("TESTHERE");

        }
    });
}

更新： 又注意到一件事。您在控制器和 AJAX 中的参数不匹配。请尝试将 AJAX 调用中的几行替换为：

    url: "/deputy/PerformImportRosterData",
    data: { id: yourIDValue,  actualLength: youractualLengthValue,  
            rosterLength :yourrosterLengthValue }

记得在 javascript 中设置所有变量值，如果它们没有值，请将它们 = 设置为 null。

你能不能试试下面的复制粘贴代码

$.ajax({
    type: "POST",
    url: "/deputy/PerformImportRosterData",
    data: { SiteIDRoster:999, ActualLength:1, RosterLength:2 }
});

如果它会导致任何错误，请告诉我。

【讨论】：

感谢您的帮助。我首先尝试了你的第一个 url 更改，它给出了这个错误imgur.com/a/zZGOp 接下来我尝试了你的第二个更改并给出了这个错误imgur.com/a/qSVx5 我原来的例子已经适应了这个变化
能否以其他方式提供图片和样本。我没有安装ingur。只需上传到本网站的简单屏幕截图即可。你修改你的代码有成功和错误吗？
我添加了成功和错误。 Imgur 是一个保存照片的网站，无需安装，我无法将图像上传到 cmets。我已经编辑了原始问题，但正在等待“同行评审”。但从理论上讲，您给出的第一个示例出现了关于实验装饰器的错误。第二个在控制台中给出 400() 错误
您拥有 javascript 的页面的扩展名是什么？
你好。对不起，我不明白这个问题。我检查了所有值并确保它们不为空。 url: '@Url.Action("/PerformImportRosterData", "Deputy")' 仍然作为 404 错误返回。我从一个 js 文件中调用此方法，该文件正在与一个名为 proxyController 的控制器（但已在 url 中尝试过代理）用于一个名为 PerformImportRosterData 的方法。希望这会有所帮助

【解决方案2】：

在尝试解决了几天后，我通过创建两种导入数据的方法创建了一个解决方法。一个用于 httpPost，第二个用于从 javascript 调用导入。

不是一个很好的解决方案，但它有效。谢谢你的帮助尤里

【讨论】：