关于ajax提交表单的问题

昨天写代码的时候发现了一个问题。

我用表单的时候习惯性加了action属性和method属性，然后我打算把表单的数据传到后台，但是需要用ajax拿到返回的数据。

然而action值和$.post的url值是不是冲突了，表单数据是不是提交重复了？

查了些资料，了解了 如果用ajax提交表单数据的话，最好form的action属性不写或者为空，然后form标签里面的按钮不应该为type="submit"，因为这样会提交表单，按钮应该为type="button"，便于调用ajax（给button一个事件）

<form action="">
  <input type="text" name="name" id="name">
  <input type="button" id="submit" value="提交">
</form>
<script type="text/javascript">
  $("#submit").on("click",function(){
  $.post("index.php",{name:$("#name").val()},function(result){});
  })
</script>