Php 提交表单时Jquery ajax函数不起作用

我正在尝试使用ajax和php提交表单，但由于某些原因，我的ajax无法工作，当我尝试点击提交按钮时，它会将我带到处理表单的页面

形式

注意：我已使用.htaccess删除了.php扩展名，因此没有添加.php in action属性

我不知道为什么它不起作用，我已经尝试了所有可能的方法

---

感谢您的帮助

它应该是$（“#formData”）。关于（'submit'，函数（e）…谢谢，现在我没有被我的from重定向，即使我可以看到我的控制台日志，也没有必要使用第二个

e.preventDefault（）

。AFAIK，

ready

事件没有默认操作。请修改您的代码，以便在单击保存按钮时执行这些操作。验证成功后，触发提交表单。这将完成REST。使用

时不要使用
contentType:false
和
processData:false

。只有在发送

FormData

对象时才需要使用它。

<form id='formData' action="process/profile-settings" method="POST">
     <div class="col-md-8">
                 <div class="form-group">
                      <label>Name</label>
                      <input type="text" name="name" class="form-control" value="<?php echo $user->userName(); ?>" disabled />
            </div>
                 <div class="form-group">
                  <label>Description/Bio</label>
                  <input type="text" name="bio" class="form-control" value="" />
                 </div>
     </div>
<button type="submit" class="btn d-block mx-auto" id="save" name="save">Save</button>
</form>

$('document').ready(function(e) {
  console.log('readyyyy');
  $("#save").on('submit', function(e) {
    e.preventDefault();
    console.log('donwwwww');
    var data = $("#formData").serialize();
    $.ajax({
      async: true,
      url: 'process/profile-settings.php',
      data: data,
      cache: false,
      contentType: false,
      processData: false,
      type: 'post',
      success: (response) => {
        console.log('Doneeeee');
      },
      error: function(status, exception) {
        alert('Exception:', exception);
      }
    });
  });
  e.preventDefault();
});