[js开源组件开发]query组件,获取url参数和form表单json格式

时间:2021-11-23 17:41:48

query组件,获取url参数和form表单json格式

距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……,最近项目紧,几个小组,只有我一个前端,公司对前端的定位不清晰,导致前端人员过少的情况。所以还得促进公司前端人员增长,不然再这么玩下去,我要被玩死了,一个公司,不可能靠一个资深前端来支撑二三十个开发的需求,这是不现实的,特别是现在的页面不再是复制粘贴的前况下。我默默耕芸,所以这次我整理了这一个月里所有能公用的组件,来填补之前的空白,首先是今天要说的query组件,这个组件很小,只有区区百行代码,但是其他组件所不可少的东西,它的作用是取参数,url的参数?或#的,form表单的参数,不同于serialize.

这里着重要说的是取form表单的这个方法getForm,他与jquery的serialize的不同之处在于:

.jquery只支持标签为<form>的serialize;

.jquery对checkbox和radio的处理不是很理想;

.jquery无法做到name="a.b",name="a.c"时的json格式合成为a:{b:xx,c:xx};当然getForm也只能做到只出现一种父级a

.jquery无法识别分组数据,如你有一个表格多行的提交,getForm可以根据简单的配置生成[{a:},{a:}]这种数组格式。

当然更多的,可能要看源码了,在API里的解释较少。

[js开源组件开发]query组件,获取url参数和form表单json格式

它的demo地址请点击query组件案例 ,它的github托管地址请点击:query源码git

用法

Query.getQuery('a')
var json = Query.getForm($('#form'));

参数说明

getQuery: (argname,type,win)

取url参数
argname 是要取的参数名,如a=1这里要传"a";
type是指取的类型,默认是"?",可以传"#"取锚点值
win是指要取的window对象,默认为当前的window.

getForm:(form)

取form参数
form为当前的dom节点,可以是div或其他的类型的节点,不一定要<form>