Bootbox dialog.modal('hide') 不隐藏模式？

Question

我对 bootbox.js 模式有疑问。 正在执行并等待响应就绪状态更改为 3，模型将显示 但是在请求完成并且就绪状态更改为 4 并且 readystate 4 在 console.log 中打印但模型没有隐藏之后。

    var dialog = bootbox.dialog({
    message: '<p class="text-center mb-0"><i class="fa fa-spin fa-cog"></i> Please wait while we do something...</p>',
    className: 'bounceInUp animated',
    closeButton: false,
    show: false
                                  });

// ready stat with jquery
var _orgAjax = jQuery.ajaxSettings.xhr;

jQuery.ajaxSettings.xhr = function () {
    var xhr = _orgAjax();
    xhr.onreadystatechange = function() {

      console.log(xhr.readyState);

      var state = xhr.readyState;


      if (state == 3 ) {

      dialog.modal('show');
      console.log('readystate 3 ');

      }else if (state == 4) {

        dialog.modal('hide');
        console.log('readystate 4 ');

      };




    }
   return xhr;
};

Answer 1

您可以通过选项beforeSend 在 ajax 请求中使用它，并在 ajax 完成后始终关闭它。

$.ajax({
  beforeSend: function() {
    dialog.modal('show'); <------------------ HERE show before
  },
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
.done(function( msg ) {
    alert( "Data Saved: " + msg );
})
.always(function( msg ) {
    dialog.modal('show'); <----------------- HERE hide always on finish
 });

您也可以像this link 一样使用$.ajaxSetup，但从文档中不建议使用它。