submit提交表单和ajax提交表单有什么区别？

Question

平常一直使用的ajax提交表单。但是知道有submit提交表单的方式，百度看有说form标签上绑定onsubmit的，也有说form上不用绑定submit，直接button的type设置为submit的。

到底submit提交表单的正常流程是什么样的呢？怎么指定接口url传参的？和ajax提交表单有什么优劣？

Answer 1

<form action="xxx">
<input type="text" name="username"/>
...
</form>
<input type="submit" value="提交"/>
action为你后台接口的url,input标签里是你提交的参数，后台通过name标签的值获取该参数的值，等同于ajax提交的data:{key:value}中的key,input type="submit" 为提交按钮，提交不需要绑定onsubmit事件，绑定onsubmit事件可以在提交时做一些js操作，比如说弹出你确定要提交吗?这样的提示。

Answer 2

submit提交和ajax提交的区别

submit 会刷新页面，ajax不会刷新页面
form 表单内有button的 type 为 submit的按钮可以点击按钮提交表单，触发submit事件
form 表单内即使没有 button 的 type 为 submit的按钮,也可以在输入框内回车来提交，触发submit事件
在submit事件中，阻止默认事件或返回false，可停止提交表单，例如表单校验
但是如果你的数据需要处理，就需要在submit中阻止原生提交，自定义用ajax来提交

Answer 3

区别就是submit会刷新页面,异步请求ajax就是要解决这个问题,不用刷新也能请求和拿到数据