form表单序列化为json格式数据
在web开发过程中,经常遇到将form序列化不能格式的字符串提交到后台,下面就介绍怎样将form表单序列化为json字符串。
首先,是扩展的jquery序列化插件,依赖jquery。经测试,这段代码可以放在$(funciton(){})中,也可以放在外面,都可以实现效果。
$.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; };
如果上面的方法不能调用,还可以这样做(本人在实际开发中,上面方法使用不了,甚是纠结,就采用了此法):
function serializeObject(form) { var o = {}; var a = $(form).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; };
调用如下:
function submitForm(){ var data= serializeObject("#form1"); alert(JSON.stringify(data)); }
如果需要是使用ajax请求的化,本人是用网络上的一个例子,也不错,如下:
function addPersonInfo(){ //序列化form var data = $('#personInfo').serializeObject(); $.ajax({ type:"post", dataType: "json", url:"http://localhost:8080/appname/queryByCondition", data:JSON.stringify(data), contentType: "application/json;charset=utf-8", success: function(msg) { var notice = eval(msg); if(notice.type=="success"){ alert(notice.msg); window.location.href=notice.data.url; }else if(notice.type=="validFail"){ $.each( notice.errors, function(index, dataValidMsg) { alert(dataValidMsg.msg ); }); }else if(notice.type="fail"){ alert(notice.msg); } }, error: function(msg) { var notice = eval(msg); alert(notice.msg); } }); }
上面的代码给我很多帮助,希望写出来可以帮助更多的朋友,同时也方便自己查阅借鉴。
业务驱动技术,技术是手段,业务是目的。