java ajax 数组_jQuery ajax - serializeArray() 方法
定义和用法
serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。
您可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。
语法
$(selector).serializeArray()
详细说明
serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据。
注意:此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。
返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:
[
{name: 'firstname', value: 'Hello'},
{name: 'lastname', value: 'World'},
{name: 'alias'}, // 值为空
]
.serializeArray() 方法使用了 W3C 关于 successful controls(有效控件) 的标准来检测哪些元素应当包括在内。特别说明,元素不能被禁用(禁用的元素不会被包括在内),并且元素应当有含有 name 属性。提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。
该方法可以对已选择单独表单元素的对象进行操作,比如 , , 和 。不过,更方便的方法是,直接选择 标签自身来进行序列化操作。$("form").submit(function() {
console.log($(this).serializeArray());
return false;
});
上面的代码产生下面的数据结构(假设浏览器支持 console.log):
[
{
name: a
value: 1
},
{
name: b
value: 2
},
{
name: c
value: 3
},
{
name: d
value: 4
},
{
name: e
value: 5
}
]
示例
取得表单内容并插入到网页中:
HTML 代码:
Results:
Single
Single2
Multiple
Multiple2
Multiple3
check1
check2
radio1
radio2
jQuery 代码:
var fields = $("select, :radio").serializeArray();
jQuery.each( fields, function(i, field){
$("#results").append(field.value + " ");
});
java ajax 数组_jQuery ajax - serializeArray() 方法相关推荐
- 将java中数组转换为ArrayList的方法实例(包括ArrayList转数组)
方法一:使用Arrays.asList()方法 1 2 String[] asset = {"equity", "stocks", "gold&quo ...
- java创建数组的两种方法
java创建数组的两种方法 1,静态初始化 int[] array={1,2,3,4,5}; 2,动态初始化 1)先分配空间再给数组元素赋值 int[] array=new int[10]; //需指 ...
- Java实现数组反转翻转的方法
Java实现数组反转翻转的方法 [尊重 原创,转载请注明出处 ]http://blog.csdn.net/guyuealian/article/details/51113133 数组 ...
- jquery ajax示例_jQuery AJAX JSP Servlet Java示例
jquery ajax示例 Ajax in Java JSP Servlet based web applications are very common. Recently I have writt ...
- java ajax教程_Jquery ajax基础教程
jQuery的Ajax带来了无需刷新的web页面革命.这里就详细介绍一下jQuery所涉及到的Ajax操作.(无需特殊说明,均需要有服务器配置,这里本人用的是Tomcat 7) 1.基于请求加载文件数 ...
- java遍历数组最简洁的方法,java遍历数组的方式有哪些?
我们也了解Java也已经很久了,那今天小编想问大家是否知道java遍历数组的方式有哪些?是不是内心已经已经有答案了?让就跟着小编的步伐一起看看吧. 1. for循环遍历 这是最基本的遍历方式 通常遍历 ...
- java ajax级联_jQuery ajax级联二级菜单(转)
默认查出一级分类的第一条数据,和一级分类第一条对应的二级分类条目,当选择一级分类的其他条目时,通过ajax查询出数据库中对应的二级分类条目,返回json格式的数据,并显示在二级分类的下拉列表中. 编程 ...
- ajax获取java后台数据_jQuery ajax获取后台数据怎么在前端显示。
前后端分离以后,前端界面采用ajax与后台数据交互.现在从后台获取到下载文件的集合,怎么在前端一行一行显示,点击某一行可以直接跳转过去下载对应的文件. pageEncoding="UTF-8 ...
- Java声明数组的三种方法
目录 前言 内容 后记 前言: 这篇主要讲java的三种数组声明方式,这里采用String类型作为典型 内容: package com.izaijia; //数组的三种声明形式 public clas ...
最新文章
- 模型加速--CLIP-Q: Deep Network Compression Learning by In-Parallel Pruning-Quantization
- ACE库的LOGGING记录使用摘要(1)
- 【Android 安装包优化】p7zip 源码交叉编译 Android 平台可执行程序 ( 下载 p7zip 源码 | 交叉编译 Android 中使用 7z 可执行程序 )
- linux 段大小,linux - 在套接字上的Linux中减少TCP最大段大小(MSS) - 堆栈内存溢出...
- ASP.NET学习笔记之操作过滤器
- 林俊卿咽音练声法八个步骤(纯净版视频加图文)(转)
- Leetcode-437. 路径总和 III(Java)
- 单片机小精灵t2_搭建S5P4418 ARM环境下 GPU OPENGL ES开发环境(适用 NANOPI2,3,M2,M3,T2,T3)...
- android小细节
- 大数据_Spark框架_快速上手_word count 案例-功能实现---Spark工作笔记0007
- Android的Animator动画(平移,渐隐,旋转,缩放)
- 有哪些让人相见恨晚的Python库(一)
- JS + HTml 时钟代码实现
- 使用JQuery快速高效制作网页交互特效 第十一章 蔚蓝网项目
- 2021年《职业防治法》宣传周活动资料海报挂图及职业病知识小手册等
- Server2016系统关闭windows自动更新
- 西门子PID程序,西门子PLC 1200和G120西门子 变频器Modbud RTU通讯,带西门子触摸屏,带变频器参数/Modbus通讯报西门子PID程序
- 顶级赛事!2021 CCF大数据与计算智能大赛强势来袭~
- 群晖 android软件,群晖-手机端常用App
- 【秋无痕作品】Windows7SP1(32位)+XPSP3集成安装版V201108