form表单的属性action 与method两个属性,action是表单路径,method提交方式;
代码事例图:
属性 值 描述
action URL 规定当提交表单时向何处发送表单数据
method get/post 规定用于发送 form-data 的 HTTP 方法。(提交表单的方式)
一般情况下都是使用post提交方式,post提交方式,对于数据安全有一定的保障性
提交表单事例图:

post提交事例图:

Get提交代码事例:
这是post提交方式,对于数据页面书写,get是在路径上书写
URL可能的值:
绝对 URL - 指向站点路径(比如 src="www.baidu.com")和src有一点相似之处,但src指的是网站路径页面路径,URL是控制器中的路径form表单中的action也可以使用这种路径,例如:
相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/formAction")
get/post:
get提交时参数直接暴露在URL上。
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST 没有数据量限制)
发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠get/post区别:
1、Get方法是用来向服务器上获取数据,而Post是用来向服务器上传递修改数据。
2、Get将表单里的数据添加到action所指向的URL后面,
并且两者之间使用”?”连接,而各个变量之间使用”&”连接;
Post是将表单中的数据放在form的数据体中,按照变量和值对象的方式,传递到所指向的action.
3、Get是不安全的,因为在传输过程中,数据被放在请求的Url中,
这样,用户可以直接在浏览器上看到提交的数据,
一些系统内部信息也一同显示在用户面前。
Post的所有操作对用户来说都是不可见的。
4、Get传输的数据量小,主要是受限与于Url长度限制,
其中IE浏览器对URL的最大限度为2083个字符
而post可以的传输大量的数据,所以在上传文件和大数据量时使用post。
5、Form提交默认为Get方法提交。
6、Get方式获取数据后,刷新不会有负面的影响,
因为它只是获取数据,而Post方法刷洗页面重复提交可能会产生不良的后果。
代码事例:
bootstrap样式和jQuery构架,使用bootstrap代码提交from表单;
表单提交按钮css代码事例:
这代码属于bootstrap里面的表单提交方式,也就是form表单,实现提交方式
//$("#btnSubmit").click(function () {
$("#myform").attr({ "method": "get", "action": "/jQueryAjax/formAction" });
$("#myform").attr({ "method": "post", "action": "/jQueryAjax/formAction" });
//});
作者:zc
相关文章: