//工具类
var HSUtil = {
dataBind: function (expr, data) {//第一个参数是一个大的div的id。第二个参数是json格式数据
if (!expr) {
expr = 'body';
}
var $elements = jQuery(expr).find("[hs-model]");//这里会找到带有hs-model标签的元素
$elements.each(function () {//遍历每个元素
var that = $(this);
var name = that.attr("hs-model");//得到元素的hs-model中的值
if (that.is('input') || that.is('select')) {//判断是input、select标签还是普通的span、p、div元素。
that.val(data[name]);//<span style="font-family: 宋体; font-size: 9pt;">这一步是赋值操作,如果是input、select标签,那么给value赋值。</span>
} else {
that.html(data[name]);//如果是div或者span、p标签则给html赋值。
}
});
}
};
<div id="body">
<div>:<span hs-model="majorBusiness"></span></div>//这里是关键,元素的hs-model中必须存储键名。
<div>行业:<span hs-model="name"></span></div>
<div>从业人员:<span hs-model="employeeCount"></span></div>
<div>联系电话:<span hs-model="phoneNumber"></span></div>
<div>注册时间:<span hs-model="registerTime"></span></div>
<div>注册资金:<span hs-model="logitude"></span></div>
<div>状态:<span hs-model="openFlag"></span></div>
</div>
HSUtil.dataBind("#body",obj);//第一个参数需要填充内容的目标div。第二个是json格式数据。
参考
$.ajax({
url:"/xxx/xxx/xxxx",
type:"post",
data:{dateTime:dateTime},
success:function(result){
var total = result.total;
HSUtil.dataBind("#head",total);//第一个参数需要填充内容的目标div。第二个是json格式数据。
},
error:function(){
alert("加载数据失败");
}
});