<form>表单提交和ajax提交的区别

最近几个月,写的前端代码一直是这种:this.$axios.post

然后这几天又复习Spring Security,看到formLogin这个配置的时候,我突然就想不通 通过<form>表单使用post提交和不通过<form>使用post提交到底有什么区别

这个问题初看起来可能有点不明,我就是这样去问了老师,(自己没想通,上网这样查也没结果,只记得似乎以前我好像问过这个问题,很简单的,应该会被老师骂一顿)

然后问老师,真就被cj老师说了,差点把他气吐血,这个问题一问出来他就感觉我很菜(老师一开始还不明白我想表达什么)

他问我想说什么?额,我就感觉要被批,越问我我就越搞不懂自己应该怎么回答。没办法,估计老师也搞不懂我咋会问这个问题,然后又重新给我介绍<form>和post以及ajax。

额,当我听到<form>表单有个action和submit按钮的时候,好吧,知道自己之前为什么网上找不到答案(问题都不会提,应该问的是<form>表单提交和ajax提交直接的区别,但是要是我知道应该这么问,也就没有这个问题了

反思:不用<form>表单而通过post提交,一般就是使用了ajax的方式,而使用<form>因为他有action和submit按钮,可以直接通过点击提交按钮发送请求到action的地址。

除了submit按钮,也可以使用js控制,就好比表单里面没有写submit按钮,而只是一个普通按钮,要通过点击这个按钮完成提交的效果。

我之所以会这么问:我想当然的认为写了<form>表单,然后通过ajax的方式提交啊,没问题啊,那这样我还要这个<form>标签干嘛?我都可以不用<form>标签直接用ajax提交成功了。

忽略了<form>的直接通过submit按钮提交action的地址,不用写额外的代码。

提交数据(也可以认为是请求)本质上只有以下3种情况,其它都是变体
1.超链接
2.表单
3.ajax

posted on 2020-04-02 12:50  我欲皆真  阅读(3453)  评论(0编辑  收藏  举报

导航