标签：form get url 前端 Day30 表单 Ajax 提交 post

form表单：由表单标签、表单域、表单按钮组成

 

 form表单属性：

① action：规定提交表单的地址。是后端提供的url值，若未指定url值则默认为当前页面的url值。

② target：规定在何处打开url：_blank在新窗口打开，_self在相同框架打开。

 

③ method：规定以何种方式提交至actionURL：post和get 默认为get

post相较于get方式数据隐蔽，更加安全。

get方式适合提交少量，简单的数据。

post方式适合提交大量，复杂的或者包含文件上传的数据。

 

④ entype：规定在发送表单之前以何种方式对其进行编码。如果上传文件，必须将enctype的值设置为：multipart/form-data

 

表单同步提交的缺点：

 

 

解决：表单只负责采集数据，用Ajax提交数据。

需要阻止表单的默认提交行为：event.preventDefault()

 

快速获取表单中数据：

serialize函数：必须给每个表单元素都设置name属性！

 

 

 

模板引擎：

 

 

 

art-template标准语法：

 

 

原文输出：{{@value}}保证包含html标签的值正常输出

 

 

 

 

过滤器：

 

标签：form,get,url,前端,Day30,表单,Ajax,提交,post
来源： https://www.cnblogs.com/LWHCoding/p/16698743.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。