js控件封装form表单数据

最近在做项目的时候,经常要提交表单数据,而且是采用ajax方式提交,如果每次都手动将表单数据存到变量去不太方便,而且工作量大,我就自己写了个js控件,当然这个js控件还是有点缺陷,需要过滤一些input类型为submit、reset等无用的数据。当然也不能算是缺陷,我们只需要在定义这些input标签的时候给他们添加个name属性就可以了。好了,废话不多说,见代码。

//获取表单数据
function getFormData(){
	var inputArr = $('form input'); //input 数组
	var data = {};
	var selectArr = $('form select'); //select 数组
	getObjectData(data,inputArr);
	getObjectData(data,selectArr);
	return data;
}

//数组数据转为对象数据
function getObjectData(_obj,_arr){
	$.each(_arr,function(k,v){
		var propertyName = $(v).attr('name'),propertyValue = $(v).val();
		_obj[propertyName] = propertyValue;
	});
	return _obj;
}

我们在使用这个控件的时候,只需要调用getFormData()方法。如:var data = getFormData();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值