当前位置:首页 > 开发 > Web前端 > Jquery > 正文

jquery ajax 序列化表单

发表于: 2015-04-01   作者:coder_xpf   来源:转载   浏览:
摘要:    checkbox 如果不设定值,默认选中值为on;设定值之后,选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo

 

 checkbox 如果不设定值,默认选中值为on;设定值之后,选中则为设定的值

 

<input type="checkbox" name="favor" id="favor" checked="checked"/>
$("#favor").val()=="on"  //true
<input type="checkbox" name="favor" id="favor" value="1" checked="checked"/>
$("#favor").val()=="1" //true

 

$(selector).serialize() 

方法通过序列化表单值,创建 URL 编码文本字符串。

<script src="jquery-1.7.min。js"></script>
<script>
$(function(){
   $("#submit").click(function(){
     alert($("#myForm").serialize());//输出username=admin&password=admin123
   });
});
</script>
<form id="myForm">
昵称 <input type="text" name="username" value="admin" /><br />
密码 <input type="password" name="password" value="admin123" /><br />
<input type="button" id="submit" value="序列化表单" /> 
</form>

  把复选框和单选框的值序列化为字符串形式,只会将选中的值序列化。

<input type="checkbox" name="favor1" id="favor" value="1"/>
<input type="checkbox" name="favor2" id="favor" value="1" checked="checked"/>
$(":checkbox").serialize();//输出favor2=1

$.param()

方法创建数组或对象的序列化表示。

var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k);    //输出a=1&b=2&c=3

 $(selector).serializeArray()

返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:

[ 
  {name: 'firstname', value: 'Hello'}, 
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // 值为空
]

 

jquery ajax 序列化表单

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
昨天经站内一个朋友提醒,jQuery中有序列化表单的函数,不必在获取表单内元素的 时候逐个手写(原谅
1、serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求。 格式:var data = $("form").ser
下面给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script>
下面给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script>
下面给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script>
下面给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script>
文件目录: html代码: <html> <head> <title>异步表单验证</title> <s
// 合并赋值 function mergeSetValue(object, name, value, merge) { // 相同的name不进行替换,而
<form id="myform"> <table> <tr> <td>姓名:</td> <td> <i
最近根据自身项目的特点写了一个表单序列化与反序列化工具,该工具是基于jQuery的,生成JSON对象。
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号