ajax接收后台传来的JSON类型数据,可通过循环遍历为input赋值(input的ID需要和返回来的数据名相同)
2017-08-17 18:39
996 查看
$.ajax({
url:"${ctx}/commonquery/query/getDataJsonArray",
type:"post",
dataType:"json",
data:{
"fileName":"Management/sysManagement_SelectUpd",
"redirect":"modules/sysManagement/AntennaModelUpdateForm",
"sqlIds":"list_1,list_2,list_3",
"ANTENNA_MODEL_ID":"${ANTENNA_MODEL_ID}"
},
success:function(data){
var test1 = data.returnJson[0].list_1[0];
//循环遍历品牌表数据并赋给input
$.each(test1,function(key,item){
$("#"+key).val(item||"");
//返回结果为null时,转换成空字符串
})
if(data.returnJson[0].list_2.length != 0){
var test2 = data.returnJson[0].list_2[0];
//循环遍历机械参数表数据并赋给input
$.each(test2,function(key,item){
$("#"+key).val(item||"");
})
}
if(data.returnJson[0].list_3.length != 0){
for(i = 0 ; i < data.returnJson[0].list_3.length;i++){
if(i == 0){
//为频段1赋值
var test3 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test3,function(key,item){
$("input[name="+key+"_a]").val(item||"");
})
}
if(i == 1){
//为频段2赋值
var test4 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test4,function(key,item){
$("input[name="+key+"_b]").val(item||"");
})
}
if(i == 2){
//为频段3赋值
var test5 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test5,function(key,item){
$("input[name="+key+"_c]").val(item||"");
})
}
}
}
$("#jixieData").val(data.returnJson[0].list_2.length);
$("#dianqiData").val(data.returnJson[0].list_3.length);
$("input[name=ANTENNA_MODEL_ID]").val(data.returnJson[0].list_1[0].ANTENNA_MODEL_ID);
closeLoading();
}
})
url:"${ctx}/commonquery/query/getDataJsonArray",
type:"post",
dataType:"json",
data:{
"fileName":"Management/sysManagement_SelectUpd",
"redirect":"modules/sysManagement/AntennaModelUpdateForm",
"sqlIds":"list_1,list_2,list_3",
"ANTENNA_MODEL_ID":"${ANTENNA_MODEL_ID}"
},
success:function(data){
var test1 = data.returnJson[0].list_1[0];
//循环遍历品牌表数据并赋给input
$.each(test1,function(key,item){
$("#"+key).val(item||"");
//返回结果为null时,转换成空字符串
})
if(data.returnJson[0].list_2.length != 0){
var test2 = data.returnJson[0].list_2[0];
//循环遍历机械参数表数据并赋给input
$.each(test2,function(key,item){
$("#"+key).val(item||"");
})
}
if(data.returnJson[0].list_3.length != 0){
for(i = 0 ; i < data.returnJson[0].list_3.length;i++){
if(i == 0){
//为频段1赋值
var test3 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test3,function(key,item){
$("input[name="+key+"_a]").val(item||"");
})
}
if(i == 1){
//为频段2赋值
var test4 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test4,function(key,item){
$("input[name="+key+"_b]").val(item||"");
})
}
if(i == 2){
//为频段3赋值
var test5 = data.returnJson[0].list_3[i];
//循环遍历机械参数表数据并赋给input
$.each(test5,function(key,item){
$("input[name="+key+"_c]").val(item||"");
})
}
}
}
$("#jixieData").val(data.returnJson[0].list_2.length);
$("#dianqiData").val(data.returnJson[0].list_3.length);
$("input[name=ANTENNA_MODEL_ID]").val(data.returnJson[0].list_1[0].ANTENNA_MODEL_ID);
closeLoading();
}
})
相关文章推荐
- 关于AJAX请求后台数据,接收后台返回的JSON数据,以及前台遍历json数据和append追加元素。
- Ajax前台返回JSON数据后再Controller中直接转换成类型使用,后台接收json转成实体的方法
- AJAX第三步:AJAX接收返回为JSON类型的数据
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- list集合转换成json数据,ajax请求返回json数据,再通过循环显示出来
- php ajax从后台返回json数据,并把数据赋值给自动生成HTML标签
- jQuery通过ajax获得后台json数据给form表单赋值
- .js循环读写通过ajax发送并返回的json数据
- ajax后台返回json,后台有Date类型变量被封装进json,非正常结束问题
- django通过ajax发起请求返回JSON格式数据的方法
- ajax接收遍历处理json格式数据
- 通过Ajax post Json类型的数据到Controller
- ajax请求返回Json格式数据如何循环输出成table形式
- 通过Ajax post Json类型的数据到Controller
- 通过AJAX获取ashx后台JSON数据并使用bootstrap-Table控件
- 使用jquery、ajax不刷新页面打印表格(返回数据类型text、json);
- ajaxfileupload以JSON为返回数据类型出现的因符号无法解析的错误的解决方案
- jquery的$.ajax()利用json数据类型与php后台交互
- (转载)Struts2+Jquery实现ajax并返回json类型数据
- 如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)