前台序列化

最新推荐文章于 2022-03-21 13:32:45 发布

原创最新推荐文章于 2022-03-21 13:32:45 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现数据角色序列化的函数，通过遍历DOM元素并根据其属性类型进行不同处理，最终将数据转换为URL参数字符串。

a.js

function serializeByDataRole(){
	var i = $("[data-sub]");
	if(i.length <=0) return;
	var str = "";

	var type
	var name;
	var val;
	
	$.each(i,function(n,b) {   
		  type= $(b).attr("data-subtype");
		  name= $(b).attr("data-sub");
		  if('input' == type){
			  str = str + name + '=' + $(b).val() + '&';
		  }else if('radio' == type){
			  val = $("input[name='"+name+"'][checked]").val();
			  str = str + name + '=' + val + '&';
		  }else if('select' == type){

			  val = $("#"+name).find('option:selected').val();
			  str = str + name + '=' + val + '&';
		  }else{
			  str = str + name + '=' + $(b).val() + '&';
		  }
	});

	return str;
}

引用：

var para = serializeByDataRole();

url: url+"?"+para,