表单提交
表单提交:将用户在input中输入的内容提交给服务器
1.传统的表单提交:
1)将所有的input包裹到一个form中
2)form设置action(服务器地址)
3)input/button的类型是submit
4)点击submit,自动将所有的数据提交到服务器
弊端:提交时会自动进行页面的跳转,意味着在进行数据提交时服务器必须将一个页面写好,并将写好的页面返回给前端;同时不方便进行表单数据的验证
服务器提前将页面写好:服务器渲染
2.前后端分离
1)通过js获取到所有表单的内容
2)通过正则表达式进行表单的验证
3)发送ajax请求,将数据传递给服务器
4)验证成功后,服务器会返回结果,需要前端解析数据,并且决定显示什么内容
form常用属性
1.action:用于提交表单数据的请求URL
2.method:请求方法(get及post),默认为get
3.target:在什么地方打开URL(参考a元素的target)
4.enctype:规定向服务器发送表单数据之前如何对数据进行编码
取值有三种:
application/x-www-form-urlencoded:默认编码方式
multipart/form-data:文件上传时必须为这个值,并且method必须是post
text/plain:普通文本传输
5.accept-charset:规定表单提交时使用的字符编码(默认值UNKNOWN,和文档相同的编码)
 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号