jQuery 将表单序列化为Json对象
2016-08-24 18:29
295 查看
(function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; })(jQuery);
测试
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
(function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; })(jQuery);
});
function submit(){
var url = "${pageContext.request.contextPath}/test.do"
var param = $("#userForm").serializeJson();
$.post(
url,param,function(msg){
},"json");
}
</script>
</head>
<body>
<form id="userForm">
姓名: <input type="text" name="name" /> <br>
年龄: <input type="text" name="age" /> <br>
<a href="#" onclick="submit();">提交</a>
</form>
</body>
</html>
![](https://images2015.cnblogs.com/blog/496517/201608/496517-20160824182942167-1868575227.png)
相关文章推荐
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- Jquery将表单序列化为Json对象{xx:'xx'} 和{'xx':'xx'}都支持
- jQuery序列化表单为JSON对象
- jquery 序列化(json对象序列化Url 表单序列化Url )
- jQuery序列化表单为JSON对象
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象
- jQuery序列化表单为JSON对象
- Jquery 将表单序列化为Json对象
- jQuery form表单序列化为JSON对象!
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery序列化表单为JSON对象
- jQuery实现form表单元素序列化为json对象的方法
- jQuery serializeObject 序列化form表单Json对象 jQuery.extend()合并对象
- jQuery表单验证以及将表单序列化为json对象小练习
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery序列化表单为JSON对象
- jquery将表单序列化json对象