layuiAdmin单页版,页面数据操作

提问 已结 5 161
联弼科技刘茁
悬赏:20飞吻
版本:独立版layer 2.0 浏览器:
在开发订单或者文章修改这类程序,如何把接口获得数据优雅的反到页面上。
我现在的方法是通过Jquery获取的Dom节点来操作数据,感觉特别麻烦。
官方有什么好的方法吗?

admin.req({
type:"post",
url:"/index.php/api/order/info",
data:{id:router.search.id},
success:function(res){
if(res.code==0){
$("#product_title").val(res.data.product_title);
$("#status").val(res.data.status);
$("#order_id").val(res.data.order_id);
$("#count_money").val(res.data.count_money);
$("#child_num").val(res.data.child_num);
$("#adults_num").val(res.data.adults_num);
$("#start_time").val(res.data.add_time);
var child_json=res.data.order_json.child;
var adults_json=res.data.order_json.adults;
if(child_json){

var str='';
for (var i=0;i<child_json.length;i++){

str=str+' <div class="layui-form-item ">';
str=str+' <div class="layui-inline">';
str=str+' <label class="layui-form-label">孩子姓名</label>';
str=str+' <div class="layui-input-inline">';
str=str+' <input type="text" value="'+child_json[i]['child_name']+'" class="layui-input">';
str=str+' </div>';
str=str+' <label class="layui-form-label">孩子年龄</label>';
str=str+' <div class="layui-input-inline">';
str=str+' <input type="text" value="'+child_json[i]['child_age']+'" class="layui-input">';
str=str+' </div>';
str=str+' </div>';
str=str+' </div>';
}
}
$("#form1").append(str);

if(adults_json){

var str='';
for (var i=0;i<adults_json.length;i++){

str=str+' <div class="layui-form-item ">';
str=str+' <div class="layui-inline">';
str=str+' <label class="layui-form-label">家长姓名</label>';
str=str+' <div class="layui-input-inline">';
str=str+' <input type="text" value="'+adults_json[i]['adults_name']+'" class="layui-input">';
str=str+' </div>';
str=str+' <label class="layui-form-label">与孩子关系</label>';
str=str+' <div class="layui-input-inline">';
str=str+' <input type="text" value="'+adults_json[i]['adults_guanxi']+'" class="layui-input">';
str=str+' </div>';
str=str+' <label class="layui-form-label">手机号</label>';
str=str+' <div class="layui-input-inline">';
str=str+' <input type="text" value="'+adults_json[i]['adults_phone']+'" class="layui-input">';
str=str+' </div>';
str=str+' </div>';
str=str+' </div>';
}
}
$("#form1").append(str);


}else{
layer.msg(res.msg, {icon: 2});
}
}
});

这种方法太笨了,谁给支个招。
回帖