Ajax JQuery 请求无法发送：点击提交表单无响应问题排查

此前该功能运行正常，未修改过相关文件，但现在点击提交表单后毫无反应，结合你提供的代码片段，以下是几个常见的排查方向：

• 缺失AJAX脚本文件引入：你的HTML代码里仅加载了jQuery，却没有引入auth_ajax.js文件——这意味着绑定表单提交事件的代码根本没执行。之前正常可能是因为曾经有引入，现在该脚本标签丢失或路径错误了。需要在jQuery的脚本标签后添加：<script src="auth_ajax.js"></script>，注意路径要和文件实际位置匹配。

• jQuery CDN加载失败：你使用的是第三方CDN加载jQuery，如果网络波动或CDN节点故障，会导致jQuery未加载成功，所有依赖它的代码都会瘫痪。可以打开浏览器F12的「网络」面板，查看jQuery的请求状态；或者换用本地存储的jQuery文件。

• 后端check_user.php异常：即便前端没改动，后端文件也可能出问题——比如文件被误删、路径变更、服务器权限不足，或者PHP代码报错导致无法返回正常响应。可以直接在浏览器地址栏访问check_user.php，看是否有报错信息；也可以在「网络」面板查看AJAX请求的状态码和响应内容。

• 后端返回JSON格式错误：代码里指定了dataType: 'json'，如果后端返回的不是合法JSON（比如混有PHP报错、多余的HTML代码），jQuery会触发error回调，但如果jQuery本身没加载，error提示也不会出现，就会显得毫无反应。务必检查后端返回的内容是否符合JSON规范。

• 浏览器缓存或控制台报错：浏览器可能缓存了旧的资源，导致新代码无法生效；另外打开F12的「控制台」面板，查看是否有JS报错（比如变量未定义、路径错误），这类报错会直接中断代码执行。

代码片段 #

auth_ajax.js #

$(function() {
  $('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
      type: 'post',
      url: 'check_user.php',
      dataType: 'json',
      data: $('form').serialize(),
      success: function(response) {
        if (response['found'] === 'true') {
          location.href = 'index.php';
        } else {
          alert('Incorrect username or password');
        }
      },
      error: function(jqXHR, textStatus, errorThrown) {
        alert(errorThrown);
      }
    });
  });
});

前端PHP页面代码 #

<h1 id="header">Enter your data here</h1>
<form>
  <label for="login">Login</label>
  <input type="text" id="login" name="login" placeholder="Enter your login here" required><br>
  <label for="password">Password</label>
  <input type="password" id="password" name="password" placeholder="Enter your password here" required><br>
  <input type="submit" value="Log in">
</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

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