表单有两个较特殊的属性,一个是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表单提交相关推荐

  1. html表单提交前验证,jquery表单提交前实现同步验证(附代码)

    jquery表单提交前实现同步验证 .int{ height: 30px; text-align: left; width: 600px; } label{ width: 200px; margin- ...

  2. jQuery 表单提交衣服尺寸选择勾选获取value值-20130720

    1.效果及功能说明 表单提交制作各大商城衣服尺寸选择勾选效果,点击购物车提交勾选尺寸value值.一款简单实用的衣服尺寸选择勾选效果 2.实现原理 通过查询当前的图片的id然后通过对应id找到在通过遍 ...

  3. jQuery表单提交和后台交互

    要求:仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1.取到页面控件的值后拼接放在data中,传递到后台 页面代码: <!DOCTYPE html PUBLIC & ...

  4. jQuery最简单的表单提交方式

    第一步:绑定事件 常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...

  5. Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验

    场景 表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...

  6. html表单提交不判断,请问jquery有方法可以判断一个表单提交之后结果是成功或不成功吗?...

    具体是这样的,今天在做项目的时候用到layer弹出插件,我弹出的是一个iframe层.我用了ajax提交,通过ajax提交后的回调判断提交是否成功,成功就调用parent.layer.close(in ...

  7. jQuery Mobile中链接(包含button和表单提交的链接)的data-*选项

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中链接的data-*选项 所有的链接,包含那些带有 data-role="bu ...

  8. JQuery表单的提交方式

    在MVC中,jQuery表单的提交方式尤为重要,表单的提交需要视图和控制器的密切连接使用. 控制器与视图的连接.接收分为三种: 自动提交:submit , action , methion 手动提交: ...

  9. JQuery控制表单提交

    规范化DOM 第一种方案: <form><div id="closePanel">+</div><div id="formTit ...

  10. 表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证

    9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...

最新文章

  1. 【Memcache】下载与安装
  2. 如何搭建亿级社交信息分享社交平台架构
  3. HTML td 标签的 colspan 属性
  4. PHP小白学习日程之旅
  5. 技嘉主板GA-B85M-D3V PLUS 1150组装问题汇总
  6. [WPS笔试题]实现栈的push,pop,max且时间复杂度为O(1)
  7. flex和java_flex和java相结合准备工作和一个实例
  8. 第四章 linux字符界面操作
  9. SqlServer三种常用窗口函数
  10. property中的read,write是什么意思?
  11. 对口本科计算机专业,对口高考计算机类专业综合试题(卷).doc
  12. matlab cftool 最小二乘,【转】最小二乘法与matlab拟合工具箱cftool
  13. 动态规划算法(DP) JAVA 菜鸟理解
  14. 计算机蓝屏原因原理,蓝屏炸弹
  15. 怎么改自己手机的ip地址
  16. 1、NVIDIA Quadro P600 Linux显卡驱动安装
  17. 玩转华为数据中心交换机系列 | 配置基于子网划分VLAN示例
  18. python中的matplotlib绘图
  19. ERROR 1010 (HY000): Error dropping database (can't rmdir './library', errno:
  20. 阿里云服务器完全卸载AliYun监控教程

热门文章

  1. PyQt5-Label背景颜色和文本颜色的设置
  2. Java架构师成长路线总结2021版(持续更新)
  3. 华为HCNA教程(笔记)
  4. 生信技能树 电脑配置linux,2019-07-23生信Linux20题---生信技能树
  5. OpenCV——Haar特征
  6. 使用nssm管理Windows服务
  7. 【无头浏览器】谷歌无头浏览器的几行代码简单设置?
  8. html常用语言代码大全,常用的html代码大全
  9. EMC之 “不整改好别回来了”
  10. 有限元计算计算机配置,关于有限元分析的电脑配置问题