jQuery序列化表单为JSON对象
2015-01-04 21:35
465 查看
<form id="myform"> <table> <tr> <td>姓名:</td> <td> <input type="text" name="name" /> </td> </tr> <tr> <td>性别:</td> <td> <input type="radio" name="sex" value="1"> 男 <input type="radio" name="sex" value="0"> 女 </td> </tr> <tr> <td>年龄:</td> <td> <select name="age"> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> </select> </td> </tr> <tr> <td>爱好</td> <td> <input type="checkbox" value="basketball" name="hobby">篮球 <input type="checkbox" value="volleyball" name="hobby">排球 <input type="checkbox" value="football" name="hobby">足球 <input type="checkbox" value="earth" name="hobby">地球 </td> </tr> <tr> <td colspan="2"> <input type="button" id="ajaxBtn" value="提交" /> </td> </tr> </table> </form>
<script type="text/javascript"> $(function() { $("#ajaxBtn").click(function() { var params = $("#myform").serializeObject(); //将表单序列化为JSON对象 console.info(params); }) }) $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; } </script>
上述serializeObject方法是将form序列化为JSON对象
相关文章推荐
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery 将表单序列化为Json对象
- jQuery序列化表单为JSON对象
- jQuery序列化表单为JSON对象
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象
- jQuery序列化表单为JSON对象
- Jquery 将表单序列化为Json对象
- jquery 序列化(json对象序列化Url 表单序列化Url )
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery序列化表单为JSON对象
- jQuery实现form表单元素序列化为json对象的方法
- jQuery serializeObject 序列化form表单Json对象 jQuery.extend()合并对象
- Jquery将表单序列化为Json对象{xx:'xx'} 和{'xx':'xx'}都支持
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- 将任意一个jQuery对象进行表单序列化,免除了提交请求时大量拼写表单数据的烦恼,支持键值对<name&value>格式和JSON格式。
- jQuery序列化表单为JSON对象
- jquery将表单序列化json对象