jQuery表单提交
表单有两个较特殊的属性,一个是method,是规定用于发送表单的HTTP方法(提交表单的方式);还有一个是action,是规定当提交时向何处发送表单的数据(要提交表单的地址)。Form表单有一个自动提交的功能(submit)有时候不写submit也会自动提交。可以默认不写。如果不想要表单自动提交就要写阻止表单自动提交的方法(οnsubmit="return false;")。
表单的提交方式有两种:分别是get提交(为表单的默认提交方式)与post提交。
1.get提交
请求参数放到请求的地址后面,参数大小受限只能传递几k的数据。由于参数再地址后面安全性不能保证。但是速度较快。
应用场景:地址栏发出的请求/超链接发出的请求。
2.post请求
请求参数放到请求体里面,参数大小没有限制,请求参数不可见,所以安全性更高,速度慢。
应用场景:当form表单指定请求方式为post时发出请求。
3.get和post的区别
Get方法是用来向服努器上获取数据;而Post是用来向服务器上传递修改数据。
两者传递参数的方式不一样,Get是将数据直接添加到action所指向的URL后面;而Post是将数据放在form的数据体中。
Get是不安全的,因为在传输数据的过程中数据直接暴露在请求的URL上,用户可以在浏览器上看到提交的数据,还有一些系统内部信息也会显示在用户面前;而Post的所有操作用户都是不可见的。
Get提交传输的数据量少,受限于URL的长度限制;而Post提交没有数据量限制。
Get提交方式获取数据后刷新不会有负面影响;而Post提交刷新页面重复提交可能会产生不良的后果。
4.表单提交的原则
表单提交主要是通过表单元素的name值等于value值进行传递数据的,但是表单提交时需要注意一下原则;
name相同的表单提交格式
如果name值相同的表单提交,该name值会出现多次,且对应不同表单的值。
没有name的表单、disabled的表单元素
表单元素没有name属性、含有disabled属性都会被禁止提交。
5.serialize()
serialize()方法通过序列化表单值创建URL编码文本字符串。
您可以选择一个或多个表单元素(如输入和/或文本区),或表单元素本身。序列化的值可在生成 AJAX请求时用于URL查询字符串中。
语法:
$(selector).serialize()
6.serializeArray()
serializeArray0)方法通过序列化表单值来创建对象(name和value)的数组。
语法:
$(selector).serializeArray()
jQuery表单提交相关推荐
- html表单提交前验证,jquery表单提交前实现同步验证(附代码)
jquery表单提交前实现同步验证 .int{ height: 30px; text-align: left; width: 600px; } label{ width: 200px; margin- ...
- jQuery 表单提交衣服尺寸选择勾选获取value值-20130720
1.效果及功能说明 表单提交制作各大商城衣服尺寸选择勾选效果,点击购物车提交勾选尺寸value值.一款简单实用的衣服尺寸选择勾选效果 2.实现原理 通过查询当前的图片的id然后通过对应id找到在通过遍 ...
- jQuery表单提交和后台交互
要求:仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1.取到页面控件的值后拼接放在data中,传递到后台 页面代码: <!DOCTYPE html PUBLIC & ...
- jQuery最简单的表单提交方式
第一步:绑定事件 常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...
- Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验
场景 表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
- html表单提交不判断,请问jquery有方法可以判断一个表单提交之后结果是成功或不成功吗?...
具体是这样的,今天在做项目的时候用到layer弹出插件,我弹出的是一个iframe层.我用了ajax提交,通过ajax提交后的回调判断提交是否成功,成功就调用parent.layer.close(in ...
- jQuery Mobile中链接(包含button和表单提交的链接)的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中链接的data-*选项 所有的链接,包含那些带有 data-role="bu ...
- JQuery表单的提交方式
在MVC中,jQuery表单的提交方式尤为重要,表单的提交需要视图和控制器的密切连接使用. 控制器与视图的连接.接收分为三种: 自动提交:submit , action , methion 手动提交: ...
- JQuery控制表单提交
规范化DOM 第一种方案: <form><div id="closePanel">+</div><div id="formTit ...
- 表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
最新文章
- 【Memcache】下载与安装
- 如何搭建亿级社交信息分享社交平台架构
- HTML td 标签的 colspan 属性
- PHP小白学习日程之旅
- 技嘉主板GA-B85M-D3V PLUS 1150组装问题汇总
- [WPS笔试题]实现栈的push,pop,max且时间复杂度为O(1)
- flex和java_flex和java相结合准备工作和一个实例
- 第四章 linux字符界面操作
- SqlServer三种常用窗口函数
- property中的read,write是什么意思?
- 对口本科计算机专业,对口高考计算机类专业综合试题(卷).doc
- matlab cftool 最小二乘,【转】最小二乘法与matlab拟合工具箱cftool
- 动态规划算法(DP) JAVA 菜鸟理解
- 计算机蓝屏原因原理,蓝屏炸弹
- 怎么改自己手机的ip地址
- 1、NVIDIA Quadro P600 Linux显卡驱动安装
- 玩转华为数据中心交换机系列 | 配置基于子网划分VLAN示例
- python中的matplotlib绘图
- ERROR 1010 (HY000): Error dropping database (can't rmdir './library', errno:
- 阿里云服务器完全卸载AliYun监控教程