jQuery中serialize()怎么用

这篇文章给大家分享的是有关jQuery中serialize()怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联公司是一家专注于成都做网站、成都网站建设、成都外贸网站建设与策划设计,游仙网站建设哪家好?创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:游仙等地区。游仙做网站价格咨询:13518219792

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="ch2"/>

<label for="ch2">check1</label>

<input type="checkbox" name="check" value="check2" checked="checked" id="ch3"/>

<label for="ch3">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>

感谢各位的阅读！关于“jQuery中serialize()怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享名称：jQuery中serialize()怎么用
标题网址：https://www.cdcxhl.com/article38/jgegpp.html

成都网站建设公司_创新互联，为您提供响应式网站、网站导航、小程序开发、网站内链、网页设计公司、

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

绵阳服务器托管

定制网站知识

同城分类信息