在页面数据回填时对没数据的标签设置提示和跳转
在做MVC项目中当我们遇到用户查询资料时,进行页面数据的回填有一些字段没有数据或者还没设置数据,返回的数据值就为空,如果我们让其空缺,仿佛显得页面很不完美,所以我们要对这设置条件,既能让页面不显示空缺,也能引导用户把空缺的资料补全。
这些代码写好页面
当用户进行页面数据填时,对它具体标签获取到的值进行判断当获取到的值不为空时,标签隐藏,获取到的值为空时,标签显示并指定路径跳转到相应页面进行数据补充;
$(function () {
layui.use([‘layer’, ‘table’], function () {//layui.use()加载所需模块
layer = layui.layer });
czfvd();
});
function czfvd(){
$.post(“Duobcxyhzl”, { UserID:@Session[“UserID”]},function(data){
console.log(data);
var RealName=data.RealName;
console.log(RealName)
//判断获取到的值//
if(RealName==null){
$(".huta").show()
}
//进行页面数据回填://
$("#UserName").text(data.UserName);//用户名
$("#RealName").text(data.RealName);//用户真实姓名
$("#IDnumber").text(data.IDnumber);//身份证号
$("#PhoneNumber").text(data.PhoneNumber);//手机号
$("#sex").text(data.sex);//性别
$("#Dateofbirth").text(data.Dateofbirth);//出生日期
$("#NativePlace").text(data.NativePlace);//籍贯
$("#Education").text(data.Education);//学历
$("#SocialSecurity").text(data.SocialSecurity);//社保
$("#MonthlyProfit").text(data.MonthlyProfit);//月收入
$("#Housing").text(data.Housing);//住房条件
$("#BuyVehicle").text(data.BuyVehicle);//是否购车
$("#Mailbox").text(data.Mailbox);//是否购
});
}
获取数据有的为空时的页面:
获取数据有的不为空时的页面: