前端Ajax-Day30

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标签的值正常输出

 

 

 

 

过滤器：