使用 Ajax 单击按钮上的控制器无效方法。 ASP.NET

Question

所以我有一个 .ASP MVC Web 应用程序项目。当我使用 AJAX 按下按钮时，我想从控制器类运行 void 方法。不需要可变的输入或输出数据。我只想创建一个pdf文件并将其保存在我的本地机器上。

现在，当我单击按钮时，什么都没有发生。我不认为 ajax 脚本有效，0 连接。 这是我的控制器方法：

    [HttpPost]
    public void Test()
    {
        string dok = System.IO.File.ReadAllText("C:\\Users\\axel\\Desktop\\Repo\\Cert\\employee_regular.html");
        var Renderer = new IronPdf.HtmlToPdf();
        var HtmlTemplate = dok;

        var Pdf = Renderer.RenderHtmlAsPdf(HtmlTemplate);
        Pdf.SaveAs("C:\\Users\\axel\\Desktop\\Repo\\Cert\\Arbetsgivarintyg_vanlig_heltid.pdf");

    }

这是我的 Index.cshtml 文件

@{
    ViewBag.Title = "Home Page";
}


<div class="row">
    <div class="col-md-12">
        <h2>Request employement certificate</h2>




       <input type="button" onclick="BtnClick()" value="Click me" />



    </div>
</div>
<script>
    function BtnClick() {
        $ajax({
            url: "/Home/Test",
            method: "POST",
            success: function () {
                alert("ok");
            },
            error: function () {
                alert("not ok")
            }
        })
    }

</script>

真的很高兴得到任何帮助

Answer 1

您的代码无法正常工作可能有多种原因。

1. 首先确保您确实能够调用函数，只需在调用 ajax 之前添加简单的警报消息并查看警报是否触发。

2. 第二件事是验证 url 替换硬编码的 url 并使用 URL 助手添加 url。

3. 我建议您将函数设为 JsonResult 而不是 Void，因为在创建 pdf 时可能会发生异常。 [此更改是可选的，但我强烈推荐]

因此，在所有更改之后，您的代码将看起来像这样

@{
      ViewBag.Title = "Home Page";
    }


    <div class="row">
      <div class="col-md-12">
        <h2>Request employement certificate</h2>

        <input type="button" onclick="BtnClick()" value="Click me" />

      </div>
    </div>
    <script>
      function BtnClick() {
        $ajax({
          alert("Funciton is working"); // change confirm function is working
          url: "@Url.Action("Test","Home")", // change using Url Helper to create valid URL
          method: "POST",
          success: function (data) {
             if (data == true)
                {
                  alert("pdf created sucessfully ok");
                }
             else
                {
                 alert("exception happend when creating pdf not ok");
                }

          },
          error: function () {
            alert("not ok")
          }
        })
      }

</script>

你的后端看起来像这样

[HttpPost]
public JsonResult Test()

{

    try {
        string dok = System.IO.File.ReadAllText("C:\\Users\\axel\\Desktop\\Repo\\Cert\\employee_regular.html");
        var Renderer = new IronPdf.HtmlToPdf();
        var HtmlTemplate = dok;

        var Pdf = Renderer.RenderHtmlAsPdf(HtmlTemplate);
        Pdf.SaveAs("C:\\Users\\axel\\Desktop\\Repo\\Cert\\Arbetsgivarintyg_vanlig_heltid.pdf");
        return Json(true, JsonRequestBehavior.AllowGet);
    }
    catch(Exception ex) {
        return Json(false, JsonRequestBehavior.AllowGet);
    }

}