遍历对table中input[type='text']的数据封装成json提交到后台处理
2018-01-13 19:19
375 查看
遍历对table中input[type='text']的数据封装成json提交到后台处理
<script>
function saveCredits(){
var dataJson="[";
var danjuid = "";
var name = "";
var specs = "";
var pinpai = "";
var unit = "";
var danjia = "";
var number = "";
var jine = "";
$("#dynamicTable tr").each(function (index, domEle){// mainTable 下的tr
var danjuid = "";
var name = "";
var specs = "";
var pinpai = "";
var unit = "";
var danjia = "";
var number = "";
var jine = "";
if(index != 0){//遍历除去第一行的之外的所有input作为json数据传入后台
$(domEle).find("input[type='text']").each(function(index,data){
if(index == 0){
danjuid = $(data).val();
};
if(index == 1){
name = $(data).val();
};
if(index == 2){
specs = $(data).val();
};
if(index == 3){
pinpai = $(data).val();
};
if(index == 4){
unit = $(data).val();
};
if(index == 5){
danjia = $(data).val();
};
if(index == 6){
number = $(data).val();
};
if(index == 7){
jine = $(data).val();
};
});
}
if(name!=""|unit!=""|number!=""){
if(parseFloat(number)>0){
dataJson += "{"+"\"id\":\""+danjuid+"\","+"\"name\":\""+name+"\","+"\"specs\":\""+specs+"\","+"\"pinpai\":\""+pinpai+"\","+"\"unit\":\""+unit+"\","+"\"danjia\":\""+danjia+"\","+"\"number\":\""+number+"\","+"\"jine\":\""+jine+"\"},"; }
};
});
if (dataJson.lastIndexOf(",")) {
dataJson = dataJson.substring(0,dataJson.length -1);
if(dataJson!=""){
dataJson += "]";
}else{dataJson="";}
}
console.log(dataJson);
//document.getElementById('remark').value = dataJson;
/*
var testId = "${test.testId}";
$.ajax({
type: "POST",
url: "action",
data:{
data : dataJson,
testId : testId
},
success: function(result){
if (result.success){
$.messager.alert('成功提示',result.msg,"info",function(){
window.opener.doAction("****","../controller/url");//实现页面成功之后的跳转
window.close();
});
}else{
$.messager.alert('错误提示', result.msg,"error");
}
}
});
*/
};
</script>
<script>
function saveCredits(){
var dataJson="[";
var danjuid = "";
var name = "";
var specs = "";
var pinpai = "";
var unit = "";
var danjia = "";
var number = "";
var jine = "";
$("#dynamicTable tr").each(function (index, domEle){// mainTable 下的tr
var danjuid = "";
var name = "";
var specs = "";
var pinpai = "";
var unit = "";
var danjia = "";
var number = "";
var jine = "";
if(index != 0){//遍历除去第一行的之外的所有input作为json数据传入后台
$(domEle).find("input[type='text']").each(function(index,data){
if(index == 0){
danjuid = $(data).val();
};
if(index == 1){
name = $(data).val();
};
if(index == 2){
specs = $(data).val();
};
if(index == 3){
pinpai = $(data).val();
};
if(index == 4){
unit = $(data).val();
};
if(index == 5){
danjia = $(data).val();
};
if(index == 6){
number = $(data).val();
};
if(index == 7){
jine = $(data).val();
};
});
}
if(name!=""|unit!=""|number!=""){
if(parseFloat(number)>0){
dataJson += "{"+"\"id\":\""+danjuid+"\","+"\"name\":\""+name+"\","+"\"specs\":\""+specs+"\","+"\"pinpai\":\""+pinpai+"\","+"\"unit\":\""+unit+"\","+"\"danjia\":\""+danjia+"\","+"\"number\":\""+number+"\","+"\"jine\":\""+jine+"\"},"; }
};
});
if (dataJson.lastIndexOf(",")) {
dataJson = dataJson.substring(0,dataJson.length -1);
if(dataJson!=""){
dataJson += "]";
}else{dataJson="";}
}
console.log(dataJson);
//document.getElementById('remark').value = dataJson;
/*
var testId = "${test.testId}";
$.ajax({
type: "POST",
url: "action",
data:{
data : dataJson,
testId : testId
},
success: function(result){
if (result.success){
$.messager.alert('成功提示',result.msg,"info",function(){
window.opener.doAction("****","../controller/url");//实现页面成功之后的跳转
window.close();
});
}else{
$.messager.alert('错误提示', result.msg,"error");
}
}
});
*/
};
</script>
相关文章推荐
- MVC3/4项目开发中遇到的ajax提交Json数据到后台Controller处理(接收参数:多重JSON)
- ajax提交数据到后台处理返回json问题
- 复选框选中table一行的数据,并组成JSON数组对象传递到后台,在后台解析遍历
- js动态添加行hiddenfield保存xml或json 数据 提交给后台处理
- [置顶] jquery 将table中input[name=""]内容转换为json数据返回后台
- jsp 页面json数据提交到后台spring处理举例
- 获取table中每一行的值,封装为Json数据传给后台,后台采用SSM框架。
- 后台传递Json数据封装在table中
- 遍历表格中的input转化为json数据传到后台解析实现一些操作
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- ajax接收后台传来的JSON类型数据,可通过循环遍历为input赋值(input的ID需要和返回来的数据名相同)
- table追加td,循环遍历得到table数据,后台json转对象
- 前台将数据存入集合并封装为JSON格式,后台用list遍历输入
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理
- json数据与JAVA数据的转换 jsonJavaBean.netApache 自己编写了一个工具类,处理页面提交json格式数据到后台,再进行处理成JAVA对象数据 1、DTO:Data T
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理
- C#后台处理JSON数据
- mybatis 处理数组类型及使用Json格式保存数据 JsonTypeHandler and ArrayTypeHandler
- AJAX提交到Handler.ashx一般处理程序返回json数据