JS loading写法

页面接口加载过慢,添加加载样式让用户友好等待

<!--加载中-->
		<div class="modal fade" id="loadingModal">
			<div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
				<div class="progress progress-striped active" style="margin-bottom: 0;">
					<div class="progress-bar" style="width: 100%;"></div>
				</div>
				<h5 style="color:red"> <strong th:text="#{systemeod.dealeoding}"></strong> </h5><!--结账中,请稍候...-->
			</div>
		</div>
		

调用方式

function loadEodResult(currentdate){
    $("#loadingModal").modal({backdrop:'static',keyboard:false});
    dkyw.request.post("business/saveDealEod",{"eoddate":currentdate},function (response) {
        $("#loadingModal").modal('hide');
        if (response.success) {
            dkyw.dialog.success(queryI18n(response.message));/*结账成功*/
        } else {
            dkyw.dialog.error(queryI18n("systemeod.eodfail")+","+queryI18n(response.message));/*结账失败,*/
        }
        $('#mytab').bootstrapTable('refresh',{url:dkyw.tool.wrapperUrl({url:url})});
    });
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

郭优秀的笔记

你的支持就是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值