jquery 读取页面表格中的数据 生成批量insert代码

页面导航:首页 > 网络编程 > JavaScript > jquery 读取页面表格中的数据 生成批量insert代码

jquery 读取页面表格中的数据 生成批量insert代码

来源: 作者: 时间:2016-02-04 09:15 【

表 26684;的 26684;式较为常规,首行为字段,以下各行为数据,表 26684;的id为detailList 。$( submitExcel ) click(function(){ 绑定单击事件insertStr= insert into funddetail values

表格的格式较为常规,首行为字段,以下各行为数据,表格的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:'',
			url:"phpCode/saveExcel.php",
			success:function(data){
				alert(data);
			}
		});
	});

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<