如何从 ajax asp net core 调用异步任务

Question

我正在使用 asp.net 核心，我正在从 ajax 调用异步任务 ActionResult 方法。它在本地主机上运行良好，但在 IIS 上托管后抛出 500 状态代码错误。

但不是调用这个方法是ajax代码

这是ajax方法：

$('.Savebtn').click(function () {
                    $.ajax({
                        url: '@Url.Action("Testing", "Home")',
                        data: "Test data",
                        type: 'POST', //POST if you want to save, GET if you want to fetch data from server
                        success: function (obj) {
                            // here comes your response after calling the server
                            alert('Suceeded');
                        },
                        error: function (obj) {
                            alert('Something happened');
                        }
                    });
            });

这是控制器方法：

   [HttpPost]

   public async Task<IActionResult> Testing()
   {
       if (ModelState.IsValid)
         {
            try
            {
               return NotFound();
            }
            catch (Exception ex)
            {
                return NotFound();
            }

         }
            return View();
   }

Error Screen Shot

Answer 1

在 Startup.cs 文件中添加如下服务：

services.AddAntiforgery(options => options.HeaderName = "RequestVerificationToken");

在你的cshtml文件中添加：

@Html.AntiForgeryToken()

$.ajax({
    type: 'GET',
    url: '/home/Demo1',
    beforeSend: function (xhr) {
        xhr.setRequestHeader("RequestVerificationToken",
            $('input:hidden[name="__RequestVerificationToken"]').val());
    },
    success: function (result) {
        alert(result);
    },
    error: function (xhr, ajaxOptions, thrownError) {
        alert(thrownError);
    }
});

你在Controller中的方法是这样的：

[HttpGet]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Demo1()
{
    //your code
    return new JsonResult(null);
}

Answer 2

如果你不想 [ValidateAntiForgeryToken] 删除它，它会起作用。如果你想要它，那么你必须传递自动生成的cookie值来验证，如下所述，检查this。

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Testing()
{
   if (ModelState.IsValid)
    {
      try
      {
        await Task.Delay(100);

        return Ok();
      }
      catch (Exception ex)
      {

       return NotFound();

      }

    }
       return View();
 }

查看：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "__AjaxAntiForgeryForm" }))
    {
        @Html.AntiForgeryToken()
    }

    <button class="Savebtn btn btn-success">Save</button>

脚本：

    $(document).ready(function () {


        $('.Savebtn').click(function () {
            var form = $('#__AjaxAntiForgeryForm');
            var token = $('input[name="__RequestVerificationToken"]', form).val();

            $.ajax({
                url: '@Url.Action("Testing", "Home")',
                data: {
                    __RequestVerificationToken: token,
                    data: "Test data"
                },
                type: 'POST', //POST if you want to save, GET if you want to fetch data from server
                success: function (obj) {
                    // here comes your response after calling the server
                    alert('Suceeded');
                },
                error: function (obj) {
                    alert('Something happened');
                }
            });
    });

    })

</script>

Reference