jquery - AJAX Post が他のアプリケーション イベントの発生を停止する

Question

クライアント側でレコードを削除するための AJAX/JSON post メソッドが 1 つあります。ユーザーがリンクをクリックすると、アプリケーションはユーザーにアクションの確認を求めます。ユーザーが確認ボタンを押すと、スピナーは画面全体をブロックして、削除アクションが完了する前のアクションを防ぎます。そのため、[ OK ] ボタンをクリックすると、スピナーが表示されず、削除アクションが完了するまでプロンプト ダイアログが表示されませんでした。次に、スピナーがページに表示されます。

以下は私のコードです。

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");
                                }

                            }
                        });
                    }
                  }
               }