使用MDBootstrap时Ajax响应中Modal无法关闭的问题排查

先看你的代码里几个关键问题，这应该是导致Modal无法关闭的核心原因：

1. Ajax代码存在语法错误 #

你的Ajax请求结尾多了一个多余的闭合大括号，这会直接导致JavaScript代码执行中断，success回调函数根本不会被触发，自然无法执行modal('hide')：

// 错误写法（多了一个}）
$.ajax({
  url:"reopen_account.php",
  type:"POST",
  data:{'reopen':'reopen','status_val':status_val,'ac_no':ac_no},
  success:function(output) {
    // ...回调逻辑
  }
} }); 

// 正确写法
$.ajax({
  url:"reopen_account.php",
  type:"POST",
  data:{'reopen':'reopen','status_val':status_val,'ac_no':ac_no},
  success:function(output) {
    // ...回调逻辑
  }
}); 

2. alert语句前缺少分号 #

在else分支里，$('#process').modal('hide')后面没有分号，虽然部分浏览器会自动补全，但严格模式下会引发错误，也可能影响后续代码执行：

// 错误写法
$('#process').modal('hide')
alert('Error occured');

// 正确写法
$('#process').modal('hide');
alert('Error occured');

3. 潜在隐患：PHP返回内容可能包含多余字符 #

有时候PHP脚本返回的内容会附带空格、换行或者文件开头的BOM隐藏字符，导致output看起来是1但实际是"1\n"或者" 1"，这时候output == 1的判断会失效。建议对返回值做去空白处理，同时用严格相等判断更严谨：

success:function(output) {
  const trimmedOutput = $.trim(output); // 去除前后空白字符
  if (trimmedOutput === '1') {
    $('#process').modal('hide');
  } else {
    $('#process').modal('hide');
    alert('Error occured');
  }
}

修正后的完整代码示例 #

<div class="modal fade" id="process" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <!--Content-->
    <div class="modal-content">
      <!--Body-->
      <div class="modal-body text-center mb-1">
        <p>Please Wait</p>
      </div>
    </div>
    <!--/.Content-->
  </div>
</div>

<script>
  status_val = 1;
  ac_no = 2;
  $('#process').modal();
  
  $.ajax({
    url:"reopen_account.php",
    type:"POST",
    data:{'reopen':'reopen','status_val':status_val,'ac_no':ac_no},
    success:function(output) {
      const trimmedOutput = $.trim(output);
      if (trimmedOutput === '1') {
        $('#process').modal('hide');
      } else {
        $('#process').modal('hide');
        alert('Error occured');
      }
    }
  });
</script>

先修复语法错误再测试，如果还是不行，检查PHP脚本是否有多余输出（比如调试用的var_dump、echo信息），确保脚本只返回纯1或0。

内容的提问来源于stack exchange，提问作者user10384418