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方式传给后台

标签：

原文地址：http://blog.csdn.net/laoyaotask/article/details/42223417