jquery动画和表单提交

jquery动画

animate自定义动画

animate()用于自定义动画

语法：

$(selector).animate({params},speed,callback)

• 必需的 params 参数定义形成动画的 CSS 属性

• 可选的 speed 参数规定效果的时长。它可以取以下值: s1ow、fast 或毫秒数.。

• 可选的 callback 参数是动画完成后所执行的函数名称

表单提交

表单有两个较特殊的属性:

method 规定用于发送表单的 HTTP 方法 (提交表单的方式)action 规定当提交时向何处发送表单数据 (要提交表单的地址)

form 表单有一个自动提交的功能(submit)有时候不写 submit 也会自动提交。可以默认不写。如果不想要表单自动提交就要写阻止表单自动提交的方法 (οnsubmit="return false”)。表单的提交方式有两种:分别是 get 提交 (为表单的默认提交方式)与 post 提交

get请求

请求参数放到请求的地址后面，参数大小受限只能传递几 k 的数据。由于参数出现在地址后面，所以安全性不能保证。但是速度较快。应用场景: 地址栏发出的请求或超链接发出的请求。

post请求

请求参数放到请求体里面，参数大小没有限制。由于请求参数不可见，所以安全性更高。但是速度较慢。应用场景:当form 表单指定请求方式为 post 时发出请求。

get与post区别

• get 方法是用来从服务器上获取数据而 post 是用来向服务器上传递修改数据。

• 两者传递参数的方式不一样，get 是将数据直接添加到 action 所指向的 URL后面; 而 post 是将数据放在 form 的数据体中。

• ge( 是不安全的，因为在传输数的过程中教据直接暴禁在请求的 RL上，用户可以在浏览器上看到提交的教据，还有一些系统内部信息也会显示在用户面前; 而 post 的所有操作，用户都是不可见的。

• get 提交传输的数据量少，受限于 URL 的长度限制;而 post 提交没有数据量限制。

• get 提交方式获取数据后刷新不会有负面影响;而 post 提交刷新页面重复提交可能会产生不良的后果。

表单提交

表单提交主要是通过表单元素的 name = value 进行传递数据的，但是表单提交时需要注意一下原则:

name 相同的表单提交格式

如果 name 值相同的表单提交，该 name 值会出现多次，且对应不同表单的值.

没有 name 的表单、含有 disabled 的表单元素

表单元素没有 name 属性、含有 disabled 属性都会被禁止提交

在进行表单控制时，如果某一个表单即不可以被编辑但同时也需要被提交，可以设置 readonly 属性，通过给含有 readonly 腐性的表单添加特定的 css 样来模拟 disabled 的样式

radio、checkbox 选中值却没有 value 属性

radio.checkbox 选中值却没有 value 愿性，提交时只会提示当前 name 表单为 n，不会自动获取text 的值。如果没有洗中值，就不会提交该表单元素，即不会出现当前 name 表单为 off 的情况

同理 select 标签的被选中的 option 没有 value 属性值也获取不到传递的值