form转化json
;(function($){
/**
* 依赖jquery-1.4.2
* 依赖jquery.json-2.2,参考http://code.google.com/p/jquery-json/
* 用于将form序列化成json串,并且可以反序列化添充回来
* 作者:段旭光 2010-08-08
*/
$.fn.serializeObjectToJson = function()
{
/**
* 此方法代码参考:http://css-tricks.com/snippets/jquery/serialize-form-to-json/
*/
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;
// return $.toJSON(o);
};
/**
* 按json格式添充现有form,基中json的key对应form内的元素name
* 支持input、radio、select、textarea单值或多值
* 参数json为json对象
*/
$.fn.unSerializeObjectFromJson = function(json)
{
if(!json) return;
var values=eval('('+json+')');
var form=this;
/**
* 得到现有form表单的内容,如果表单有默认值则全部清空,主要针对单值表单项,如:checkbox、radio,因为这些项如果不选中会不被序列化记录暂存,所以
* 在反序列化时,无法处理可能存在默认值的这些表单项,所以这里做一下特殊处理
*/
var defaultFormJsonValues=form.serializeObjectToJson();
$.each(defaultFormJsonValues, function(key, value){
var object=form.find("*[name='"+key+"']");
if(object.length==1){
if(object.attr("type").toLowerCase()=='radio' || object.attr("type").toLowerCase()=='checkbox'){
object.attr("checked",false);
}
}
});
//加载需要添充的表单内容
$.each(values, function(key,value){
var object=form.find("*[name='"+key+"']");//得到form内指定name的控件
if(object.length==1){
if(object.attr("type").toLowerCase()=='radio' || object.attr("type").toLowerCase()=='checkbox'){
if(object.val()==value){
object.attr("checked",true);
}
return true;
}else{
object.val(value);
}
}else if(object.length>1){
object.each(function(i){
if(object.attr("type").toLowerCase()=='radio' || object.attr("type").toLowerCase()=='checkbox'){
if($.inArray($(this).val(),value)!=-1){
$(this).attr("checked",true);
}else{
$(this).attr("checked",false);
}
}else{
$(this).val(value[i]);
}
});
}
});
};
/**
* 得到当前年的第一天
*/
$.getCurrentYearFirstDay=function(format){
var date=new Date();
var fDate=new Date(date.getFullYear(),0,1,0,0,0,0);
return $.getFormateDate(format,fDate);
};
/**
* 得到当前年的最后一天
*/
$.getCurrentYearLastDay=function(format){
var date=new Date();
var fDate=new Date(date.getFullYear(),11,31,23,59,59,999);
return $.getFormateDate(format,fDate);
};
/**
* 得到当前月的第一天
*/
$.getCurrentMonthFirstDay=function(format){
var date=new Date();
var fDate=new Date(date.getFullYear(),date.getMonth(),1,0,0,0,0);
return $.getFormateDate(format,fDate);
};
/**
* 得到当前月的最后一天
*/
$.getCurrentMonthLastDay=function(format){
var date=new Date();
var fDate=new Date(date.getFullYear(),date.getMonth()+1,0,23,59,59,999);
return $.getFormateDate(format,fDate);
};
/**
* 格式化日期
*/
$.getFormateDate = function(fmt,date){
if(!date) date=new Date();
var o={
"M+" : date.getMonth()+1, //月份
"d+" : date.getDate(), //日
"h+" : date.getHours()%12 == 0 ? 12 : date.getHours()%12, //小时
"H+" : date.getHours(), //小时
"m+" : date.getMinutes(), //分
"s+" : date.getSeconds(), //秒
"q+" : Math.floor((date.getMonth()+3)/3), //季度
"S" : date.getMilliseconds() //毫秒
};
var week={
"0" : "\u65e5",
"1" : "\u4e00",
"2" : "\u4e8c",
"3" : "\u4e09",
"4" : "\u56db",
"5" : "\u4e94",
"6" : "\u516d"
};
if(/(y+)/.test(fmt)){
fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
}
if(/(E+)/.test(fmt)){
fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[date.getDay()+""]);
}
for(var k in o){
if(new RegExp("("+ k +")").test(fmt)){
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
}
}
return fmt;
};
})(jQuery);
form转化json的更多相关文章
- form表单转化json对象
利用 $.fn 可以让每一个jquery 对象都能直接使用这个方法. //form表单转化json对象$.fn.serializeObject = function () { var o = {}; ...
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
(function ($) { $.messageBox = function (message) { $.messager.show({ title:'消息框提示', msg:message, sh ...
- (转)基于jQuery的form转json示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JAVA对象转化JSON出现死循环问题
主要是解决JSON因Hibernate映射生成的集合的转化出现的死循环问题. 这个方法很重要 public String ajaxJsonByObjectDirecdt(Object obj, Str ...
- form 转json,将form表单中的数据序列化数组后转换为Json
页面中引用了jquery,第一想到的就是序列化,但是序列化后的表单字段为a=1&b=2这种. 这里写一个jquery的扩展方法 $.fn.serializeObject = function( ...
- form 转json最佳示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 实用ExtJS教程100例-011:ExtJS Form 使用JSON数据赋值和取值
上一节中我们演示了ExtJS Form的异步加载和提交数据,本节中我们将演示如何使用JSON数据为ExtJS Form中的字段赋值和取值. 系列ExtJS教程持续更新中,点击查看>>最新E ...
- JavaWeb 发送post请求的2种方式(form、json)
JavaWeb 发送post请求的2种方式(form.json) CreationTime--2018年6月20日10点15分 Author:Marydon 前提:通过HttpClient来实现 ...
- Request.Form to JSON
原文发布时间为:2012-03-21 -- 来源于本人的百度文章 [由搬家工具导入] NameValueCollection nvc =newNameValueCollection(Request.F ...
随机推荐
- equals方法使用技巧
Object类中的equals方法用于检测一个对象是否等于另外一个对象.在Object类中,这个方法将判断两个对象是否具有相同的引用. 如果两个对象那个具有相同的引用,他们一定是相同的,从这方面看,将 ...
- leetcode python 011
####给定n个非负整数a1,a2,...,an,其中每个表示坐标(i,ai)处的点.##绘制n条垂直线,使得线i的两个端点位于(i,ai)和(i,0).##找到两条线,它们与x轴一起形成一个容器,这 ...
- leetcode python 010
#实现正则表达式匹配并支持'.'和'*'.#''匹配任何单个字符.#'*'匹配前面元素的零个或多个.#匹配应覆盖整个输入字符串(非部分).##Some examples:##isMatch(" ...
- jQuery开发API参考
http://jquery.cuishifeng.cn/show.html (原地址)
- Effective java第17条:要么为继承而设计,并提供文档说明,要么就禁止继承
不要过度设计. 面向对象编程,从一开始被洗脑难免在上手写代码时都会首先思考有没有公共方法啊,能不能把两个类抽象成一个父类再继承啊等,慎重使用继承,当要使用继承时一定要在文档注释中写明重写这个方法会给其 ...
- IntelliJ IDEA使用教程(很全)
IntelliJ IDEA使用教程(很全) 这个编辑器我就不再多做介绍了.直接开始新建maven hello world 的Java web项目啦 你电脑上得有jdk1.7,或者1.8,然后就是mav ...
- 2019-04-11-day030-网络编程并发
内容回顾 黏包 tcp协议为了保证数据的可靠传输和传输效率 合包机制 : 连续多条短数据会合并成一条 拆包机制 : 一个过大的数据会在发出之前被拆成几个小包 tcp的黏包发生在两端: 发送端 : 合包 ...
- Keras学习笔记(完结)
使用Keras中文文档学习 基本概念 Keras的核心数据结构是模型,也就是一种组织网络层的方式,最主要的是序贯模型(Sequential).创建好一个模型后就可以用add()向里面添加层.模型搭建完 ...
- "Error: [$compile:multidir] Multiple directives
angularjs 中控制台报"Error: [$compile:multidir] Multiple directives错误 可以在当前html元素之上增加父元素,在父元素中加入第二个指 ...
- 互联网媒体类型 MIME Type
参考:https://zh.wikipedia.org/wiki/%E4%BA%92%E8%81%94%E7%BD%91%E5%AA%92%E4%BD%93%E7%B1%BB%E5%9E%8B 互联网 ...