Javascript jQuery-使用ajax阻止表单提交更改页面

我正在尝试在不重新加载页面的情况下提交表单。我尝试过使用此脚本，但没有成功：

$('#formId').submit(function(e){
    $.ajax({
        type: "POST",
        url: 'serverSide.php',
        data: $('#formId').serialize(),
        success: function(data){
            alert(data);
        }
    });
    e.preventDefault();
});

---

有人知道我做错了什么吗？

使用return false通常可以解决问题

$('#formId').submit(function(e){
    $.ajax({
      type: "POST",
      url: 'serverSide.php',
      data: $('#formId').serialize(),
      success: function(data){
        alert(data);
      }
    });
  e.preventDefault();
  return false;
});

---

尝试将preventDefault放在AJAX之前。这样，在触发ajax请求之前就可以防止默认操作

$('#formId').submit(function(e){
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: 'serverSide.php',
        data: $('#formId').serialize(),
        success: function(data){
            alert(data);
        }
    });
});

---

您可以返回false。您还可以从

form

元素中删除

action

属性。它现在不会转到php页面，但会刷新。如何阻止这种情况发生？它现在不会进入php页面，但会刷新。我如何阻止这种情况发生？