在页面数据回填时对没数据的标签设置提示和跳转

在MVC项目中,页面数据回填时部分字段可能无数据。为使页面更完善,可设置条件,当获取到的值为空时,标签显示并指定路径跳转到相应页面补充数据;值不为空时,标签隐藏。文中还给出了相关代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在页面数据回填时对没数据的标签设置提示和跳转

在做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);//是否购
});
}
获取数据有的为空时的页面:
在这里插入图片描述
获取数据有的不为空时的页面:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值