• <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

  • 相关阅读:
    可左右拖动窗口demo
    制作一个简单的百度网盘在线视频加速的chrome插件
    git分支
    使用git的ssh
    git的概念和常用命令
    爬虫:获取页面 -- request库的使用
    字符串方法
    从实现原理更深入了解call和apply
    Git和GitHub使用
    localStorage和sessionStorage
  • 原文地址:https://www.cnblogs.com/woyujiezhen/p/12618992.html
Copyright © 2020-2023  润新知