首页 > 代码库 > jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台

jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台

表格的格式较为常规,首行为字段,以下各行为数据,表格的id为detailList 。

	$("#submitExcel").click(function(){    //绑定单击事件
		insertStr="insert into funddetail values"; // insert字符串的初始值
		$("#detailList tr:gt(0)").each(function(i){  //获取表格除首行外的所有行,并给每一行添加方法
			insertStr+="(null,";  //继续增加insert字符串
			$(this).find('td').each(function(j){ // 获取当前行中包含的所有列,并给每一列(即每一个单元格)添加方法,i为在列上的序号
				if(j==7) //由于每一行的第7列中为一个表单控件,要用不同的方法获取取值
				{
					insertStr+=$(this).find('select').val()+",";  //继续增加insert字符串
				}
				else
				{
					insertStr+="'"+$(this).text()+"'," // 继续增加insert字符串,注意最后有个逗号
				}
			})
			insertStr=insertStr.substring(0,insertStr.length-1); // 删除每一行最后一个逗号
			insertStr+="),"; // 设置当前行的insert语句结束,加上逗号,以便于接下一行数据
		})
		insertStr=insertStr.substring(0,insertStr.length-1); // 删除最终insert字符串最后的那个逗号// 以ajax方式将上述得到的insert字符串传递给后台页面进行处理 $.ajax({
			type:"post",
			data:{insertstring:insertStr},
			dataType:'html',
			url:"phpCode/saveExcel.php",
			success:function(data){
				alert(data);
			}
		});
	});

jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台