jquery - AJAX Post 停止其他应用程序事件触发

Question

我有一种 AJAX/JSON 发布方法可以在客户端删除我的记录。当用户单击链接时，应用程序将提示用户确认操作。当用户按下确认按钮时，微调器将阻止整个屏幕，以防止在删除操作完成之前进行任何操作。因此，当我单击“确定”按钮时，微调器没有显示，而是在页面上弹出提示对话框，直到完成删除操作。然后，微调器显示在页面上。

下面是我的代码。

var val = confirm("Are you sure you want to delete these records?");
                if (val) {

                        $("#spinner").show();


                    if (items.length != 0) {
                        if (perm == "True") {
                            $.ajax({
                                url: '/ItemControl/ItemControl/Del',
                                type: 'POST',
                                dataType: 'json',
                                async: false,
                                data: json,
                                contentType: 'application/json; charset=utf-8',
                                success: function (data) {
                                    if (data == "S") {
                                        e.preventDefault();
                                        $('.t-detail-cell').find('.t-refresh').trigger('click');
                                        $('.t-refresh').trigger('click');
                                        showSuccessMessage("Item Successfully Deleted");
                                    }

                                }
                            });
                        }
                      }
                   }

Answer 1

试试这个，希望对你有帮助

var val = confirm("Are you sure you want to delete these records?");
            if (val) {

                if (items.length != 0) {
                    if (perm == "True") {
                       $("#spinner").show();
                        $.ajax({
                            url: '/ItemControl/ItemControl/Del',
                            type: 'POST',
                            dataType: 'json',
                            async: false,
                            data: json,
                            contentType: 'application/json; charset=utf-8',
                            success: function (data) {
                                if (data == "S") {
                                  $("#spinner").hide()
                                    e.preventDefault();
                                    $('.t-detail-cell').find('.t-refresh').trigger('click');
                                    $('.t-refresh').trigger('click');
                                    showSuccessMessage("Item Successfully Deleted");
                                }

                            }
                        });
                    }
                  }
               }