如何在没有表格的情况下发出帖子请求并且不会出现错误 400

Question

我在asp.net 中发送了一个没有表单的post 请求。 我收到错误 400。

AJAX

function deteleCategorieBtn(id) {
if (confirm("Are you sure you want to delete ?")) {
    $.ajax({
        type: "POST",
        url: 'categories/delete/' + id,
        success: function () {
            var dataTable = $('#kt_datatable').DataTable();
            dataTable.ajax.reload(null, false);    
        },
        error: function (request, error) {
            console.log(request, error);
        }
    })
}

控制器

// POST: Categories/Delete/5
        [Route("delete/{id?}")]
        [HttpPost, ActionName("Delete")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Delete(int id)
        {
            var category = await _context.Categories
                   .FirstOrDefaultAsync(m => m.Id == id);
            if(category != null){
                _context.Categories.Remove(category);
                await _context.SaveChangesAsync();
            }
            else
            {
                return Json(new { error = true, messages = "Categorie doesn't exist" }, new Newtonsoft.Json.JsonSerializerSettings());
            }

            return Json(new { success = true, messages = "Registered well" }, new Newtonsoft.Json.JsonSerializerSettings());
        }
    }

• 在控制台上，url是正确的
• 我尝试在 ajax 部分将类型从 POST 更改为 DELETE，并将 HttpPost 更改为 HttpDelete - 没有用
• 我成功地使用了完全相同的控制器代码，表格如下所示：

<form asp-action="Delete" asp-route-id="@item.Id" onclick="return confirm('Are you sure you want to delete ? ?');">
      <button type="submit" value="Delete" class="btn btn-sm btn-clean btn-icon"></button>
</form>

编辑：发现此错误消息：

System.InvalidOperationException: The provider for the source IQueryable doesn't implement IDbAsyncQueryProvider. Only providers that implement IDbAsyncQueryProvider can be used for Entity Framework asynchronous operations.

Answer 1

您需要在执行 ajax 帖子时添加 Antiforgery 令牌。

在您的页面中添加如下所示的防伪令牌

@Html.AntiForgeryToken()

这将添加到隐藏的输入字段中

在执行 ajax post 时，发送如下所示的令牌

$.ajax({
        type: "POST",
        url: 'categories/delete/' + id,
        beforeSend: function (xhr) {
            xhr.setRequestHeader('XSRF-TOKEN',
                $('input:hidden[name="__RequestVerificationToken"]').val());
        },
    success: function () {
        var dataTable = $('#kt_datatable').DataTable();
        dataTable.ajax.reload(null, false);    
    },
    error: function (request, error) {
        console.log(request, error);
    }
    });