首页 / 知识
serialize()实例分享
2023-04-11 13:32:00
jQuery成功的控制表单的序列化。只有form元素检查它们所包含的输入框，在所有其他情况下，输入元素要序列化应该是集合的一部分传递给.serialize()方法。选择集合中表单和它子元素在序列化的字符串会导致重复。
注意: 只有 "successful controls"可以被序列化成字符串。其中，提交按钮的值不会被序列化。另外，如果想要一个表单元素的值被序列化成字符串，这个元素必须含有 name 属性。此外，复选框（checkbox）和单选按钮（radio）(input 类型为 "radio" 或 "checkbox")的值只有在被选中时才会被序列化。另外，文件选择元素的数据也不会被序列化。
例子:
把一个表单序列化成一个查询字符串，使之能够在一个Ajax请求中发送。
<!DOCTYPE html>
<html>
<head>
<style>
body, select { font-size:12px; }
form { margin:5px; }
p { color:red; margin:5px; font-size:14px; }
b { color:blue; }
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<form>
<select name="single">
<option>Single</option>
<option>Single2</option>
</select>
<br />
<select name="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
<br/>
<input type="checkbox" name="check" value="check1" id="ch1"/>
<label for="ch1">check1</label>
<input type="checkbox" name="check" value="check2" checked="checked" id="ch2"/>
<label for="ch2">check2</label>
<br />
<input type="radio" name="radio" value="radio1" checked="checked" id="r1"/>
<label for="r1">radio1</label>
<input type="radio" name="radio" value="radio2" id="r2"/>
<label for="r2">radio2</label>
</form>
<p><tt id="results"></tt></p>
<script>
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
</script>
</body>
</html>
|
最新内容
相关内容
python一个数的平方怎么表示
python一个数的平方怎么表示，培训，平方根，个数，函数，模块，表示，方法，表达式，实例，下面，用python进行数学计算，可以使用python内置的函数模块，下
python如何求一个数的平方
python如何求一个数的平方，培训，平方根，个数，整数，函数，模块，方法，小数，表达式，数值，用python进行数学计算，可以使用python内置的函数模块，下面
pythonpython是什么类型的语言
pythonpython是什么类型的语言，培训，系统，教育，软件，电脑，代码，简介，人工智能，类型，语言，python是一种面向对象、解释型、动态类型计算机程序
python哪个版本是免费的
python哪个版本是免费的，培训，发行，通用，项目，设计，版本，以上，语言，计算机，构架，python是免费的，也就是开源的。目前市面上主流的版本有python
python判断字符串是否为小数的方法
python判断字符串是否为小数的方法，培训，代码，合法，小数点，小数，整数，字符串，方法，右边，左边，python想判断一个字符串是不是一个合法的小数，但
python怎么求一个数的平方
python怎么求一个数的平方，培训，平方根，个数，函数，模块，方法，表达式，实例，下面，以上，用python进行数学计算，可以使用python内置的函数模块，下面
python生成不重复的随机数怎么写
python生成不重复的随机数怎么写，培训，数字，范围内，结果，表达式，语法，个数，模块，以上，表示，python中的random模块用于生成随机数，其语法表达式
python如何进行类型转换的
python如何进行类型转换的，培训，数字，类型，字符串，整数，函数，对象，和数，变量，字符，python提供了将变量或值从一种类型转换成另一种类型的内置
python函数的高级使用方法
python函数的高级使用方法，代码，函数，灵活，数据，培训，时间，定义，程序，赋值，变量，Python的函数是“一等公民”，因此函数本身也是一个对象，函数既python一般用什么版本的
python一般用什么版本的，培训，发行，数据，基础，版本，初学者，目的，用户，大势所趋，由此可见，目前，根据数据显示，使用Python2.xd开发者站63.7%，而使python类、模块、包的概念及区别
python类、模块、包的概念及区别，概念，数据，培训，模块，名字，环境，基础，文件，函数，定义，类类的概念在许多语言中出现，是面向对象编程的基础，很容
python_和__的用途和区别
python_和__的用途和区别，私有化，代码，技术，培训，方法，情况，管理，名称，人员，属性，在看一些Python开源代码时，经常会看到以下划线或者双下划线