为什么在 Chrome 中测试时 Ajax 中的第二个调试器不起作用？

问题描述

我创建了一个 Ajax 调用并尝试使用 debugger; 在 chrome 中调试它的成功和失败。

第一个调试器语句正常工作，但流程并没有在第二个调试器语句处停止，而是我在源面板中看到以下内容：

<script type="text/javascript"  id="debugbar_loader" data-time="1611085354" src="http://localhost/my_project/public/?debugbar"></script><script type="text/javascript"  id="debugbar_dynamic_script"></script><style type="text/css"  id="debugbar_dynamic_style"></style>

当我在服务器中接收 POST 数据时，Ajax 也正常工作。请指教。

<form action="#" method="POST">
  <button type="submit" name="submit_form" class="btn" id="submit_form">Save Changes</button>
</form>

$(document).ready(function() {
  // First Debugger
  debugger;
  
  $("#submit_form").submit(function(e) {
    e.preventDefault();
    var fd = new FormData($(this)[0]);

    // Second Debugger
    debugger;

    var url = form.attr('action');

    $.ajax({
      type: "POST",url: url,dataType: 'json',data: fd,success: function(data) {
        alert(data);
      },error: function(data) {
        alert(data);
      },});
  });
});

JS Fiddle

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ajax javascript-debugger jquery