JQuery中serialize()、serializeArray()和param()方法示例介绍
在项目中做form表单提交的时候,如果参数比较少,可以通过jquery一个个取得,但是当 form表参数很多的情况下,还是一一取得的话无疑是加大了工作量,那我们需要咱们获取到表单的所有参数呢,幸好,jquery有serialize()、serializeArray()方法,可以一次性获取到参数,如我们有form表单如下:
与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串,用于ajax请求。通过使用serialize()方法,可以提交本页面的所有域,代码如下:
$("#send").click(function(){
$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus)
$("#resText").html(data);
});
});
当单击“提交”按钮后,所有属于form1的表单元素都能提交到后台,即使在表单中再增加字段,脚本仍然能够使用,并且不需要做其他多余工作。
用字符串方式时,需要注意对字符编码(中文问题),如果不希望编码带来麻烦,可以使用serialize()方法,它会自动编码。
因为serialize()方法作用于JQuery对象,所以不光只有表单能使用它,其他选择器选取的元素也都能使用它,如以下JQuery代码:
$(
":checkbox,:radio"
).serialize();
把复选框和单选框的值序列化为字符串形式,只会将选中的值序列化。
在JQuery中还有一个与serialize()类似的方法--serializeArray(),该方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据。JQuery代码如下:
var
fields = $(
":checkbox,:radio"
).serializeArray();
console.log(fields);
//用FireBug输出
$.param()方法是serialize()方法的核心,用来对一个数组或对象按照key/value进行序列化。
比如将一个普通的对象序列化:
var
obj = {a:1,b:2,c:3};
var
k = $.param(obj);
alert(k);
//输出a=1&b=2&c=3
转载于:https://www.cnblogs.com/laneyfu/p/4872266.html
JQuery中serialize()、serializeArray()和param()方法示例介绍相关推荐
- java处理json回车_json中换行符的处理方法示例介绍
json作为ajax常用的一种数据类型,经常使用.但如果字段中出现换行符如何处理? 去掉显然不合适.有些字段本来就有换行符,如何能去掉? 测试一下json类的处理,也没有发现.想不到最终的处理确实如此 ...
- java处理json中换行符_json中换行符的处理方法示例介绍
json经常使用,但如果字段中出现换行符如何处理,测试一下json类的处理,也没有发现.想不到最终的处理确实如此简单 json作为ajax常用的一种数据类型,经常使用.但如果字段中出现换行符如何处理? ...
- jQuery 中 serialize() 、 serializeArray()和 $.param 的用法
示例: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- jquery中serialize()序列化函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中serialize()序列化函数 serialize()序列化,将元素转化为xx=xx&xx=xx&am ...
- TIA博途_序列化指令Serialize的具体使用方法示例
TIA博途_序列化指令Serialize的具体使用方法示例 序列化指令的基本用途: 首先,我们可以查看TIA博途中的帮助文件说明,如下图所示: 简单总结就是: 把复杂的数据或数据类型(例如UDT.ST ...
- jquery中一些容易忽略的方法
jquery.ajaxPrefilter:([dataTypes],handle(options,originalOptions,jqXHR)):在发送请求之前和执行$.ajax之前操作options ...
- JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
- ios html gif 显示,iOS中gif图的显示方法示例
iOS中gif图的显示方法示例 发布时间:2020-09-19 06:15:42 来源:脚本之家 阅读:86 作者:蓝光95 一.前言 iOS开发中,大部分时候我们显示一张静态图就可以了,但是有的时候 ...
- 流程代码中js报错,在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
最新文章
- VIM 必知必会12大类型操作
- 被称为“第五代 AI”的神经形态计算进展到哪一步了?
- 数据处理踩过的坑(不断更新):
- 每日两SQL(10),欢迎交流~
- 得到频域波形的坐标数组_10. 频域法之序
- 1978:【18NOIP普及组】标题统计
- mysql like 多个条件_MySQL之用通配符进行过滤
- powerbuilder11.5 免安装 时的注意事项
- ORACLE rollup函数
- 图的深度优先遍历和广度优先遍历
- 2021年6月四六级成绩查询时间!
- RTI DDS的xml说明
- Java语言基本语法————变量和常量数据类型
- [健康]肾的保健按摩
- 【iOS】苹果开发者账号续费问题
- 人人都在用的机器学习算法-决策树
- C#在获得客户端ip的时候,获得的ip地址为::1
- 【笔记】在 Windows 中制作 Ubuntu 系统的USB启动盘
- 计算机 smb共享,文件大师SMB共享使用方法
- wps如何修改已经存在的目录标题内容?