调用Razor Page Post方法，使用Ajax进行弹出删除确认

Question

我想使用jQuery UI对话框确认我的删除操作，我在互联网上尝试了一些教程，但是当单击删除确认按钮时，我仍然很难调用ONPOST DELETE ACTION页面 当我运行项目时，它没有调用我的帖子方法：

我有一个剃须刀页面方法（我只是复制具有关系的代码的一部分）：

    public class DeleteUserModel : PageModel
       {
        
          public InformationUserViewModel InformationUser { get; set; }
          public void OnGet(int id)
           {
              ViewData["UserId"] = id;
              InformationUser = _userService.GetUserInformation(id);
           }
   
       public IActionResult OnPost(int userId)
           {
            _userService.DeleteUser(userId);
             return RedirectToPage("Index");
           }
     }

索引页面带有删除按钮：

       @page
       @model Fraud.Pages.Admin.IndexModel

      <input type="button" value="Delete" class="btn btn-danger" onclick="deleteConfirm('@user.UserName', '@user.UserId')" />

在此页面中，我有弹出视图：

                   <div class="modal-body">
                   <div class="row">
                    <div class="form-group">
                    <div class="col-sm-12">
                        <span>
                            Are you sure you want to delete?
                        </span>
                        <strong id="deletedValueName">
                        </strong>
                        </div>
                   </div>
                   </div>
                     <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <input type="submit" class="btn btn-danger" value="Delete"  onclick="deleteData()" />
                    </div>
                 </div>

和最后我的jQuery ajax：

     <script type="text/javascript">
  
              var deleteConfirm = function (val,id) {
               $('#deletedValueName').text(val);
               $('#id').val(id);

              $('#delete-conformation').modal('show');
              }

    
      var deleteData = function () {
        $('#divLoading').show();
        var id =  $('#id').val();
      $.ajax({
            type: "POST",
            url: "/Admin/Users/DeleteUser?handler=Send",
          // url: '/Admin/Users/DeleteUser/OnPost',
           data: { UserId: id },
          success: function (result) {
              $("#delete-conformation").modal('hide');
        },
            error: function () {
            $("#delete-conformation").modal('hide');
        }
    });
   }
</script>

Answer 1

您的ajax调用“/admin/users/deleteuser？handler = send” 。因此，您的处理程序需要被称为onpostsend（）或 onpostSendAsync（）。

您的处理程序称为OnPost（），因此找不到。