表单提交的两种方式:将用户在input中输入的内容交给服务器
2020-04-05 12:12
288 查看
传统方式提交
将所有的input包裹到一个form中forn设置action(服务器地址)
input/button 类型是submit点击submit ,自动将所有的服务器
##弊端一:会进行页面跳转(意味着服务器必须提交一个提前写好的页面,并且将写好的页面返回给前端,前端直接展示这个页面)服务端提前将页面写好,称之为服务端渲染。
##弊端二:不方便进行表单验证。
前后端分离
通过JavaScript获取到所有表单的内容并通过正则表达式进行表单验证,发送ajax请求,将数据传递给服务器,验证成功后服务器会返回结果,需要前端去解析这个数据,并且决定显示什么内容,称之为前端渲染和后端路由。
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- ASP.NET零基础学习(四):表单提交服务器的两种方式
- S2.3_Struts2_ActionGetInputFormData Action动作类接收用户输入表单数据的3种实现方式
- .net知识系列之三:(html提交表单的方式,html控件,获取html表单的内容,sql注入,html服务器控件,net服务器控件)
- (3)自定义服务器,用户提交数据两种方式get,post区别
- html中接受用户输入的form表单定义方式
- form表单的input组件的10种提交方式
- Android提交数据到服务器的两种方式四种方法
- 表单验证后提交 两种方式 2016/07/10
- 关于表单提交的两种方式,post和get
- JSP 表单输入,UTF编码,get方式提交数据出现中文乱码解决方法
- jquery ajax提交表单数据的两种方式
- form表单的两种提交方式,submit和button的用法
- 怎么从ActionInvocation(拦截器)中获取用户jsp表单提交的所有值,比如用户输入的任意项
- angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
- jquery ajax提交表单数据的两种方式
- Form表单中数据的两种提交方式
- 客户端表单提交数据方式与服务器获取数据
- jquery ajax提交表单数据的两种方式
- Struts2中防止表单重复提交的两种方式
- Android中ClearEditText实现点击EditText输入框右边清除图标来清除输入内容的两种方式