其他分享
首页 > 其他分享> > 前端Ajax-Day30

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

 

 

 

 

过滤器:

 

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