首页 > Web开发 > 详细

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

时间:2020-04-02 13:30:05      阅读:53      评论:0      收藏:0      [点我收藏+]

最近几个月,写的前端代码一直是这种: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

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

原文:https://www.cnblogs.com/woyujiezhen/p/12618992.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!