layer弹窗的基本使用

最新推荐文章于 2023-05-25 00:06:41 发布

转载最新推荐文章于 2023-05-25 00:06:41 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ZhangHaiBK/p/8988646.html

文章标签：

#json

本文介绍了如何使用JavaScript实现弹窗的显示与关闭功能，并通过Ajax进行后台数据交互。具体包括利用layer.js库创建定制化的弹窗，以及通过jQuery发送异步请求更新数据。

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

//开启弹窗

function showCus(cus) {
layer.open({
type : 2,
title : ' ',  //弹窗标题
maxmin : true,
shadeClose : true, //点击遮罩关闭层
closeBtn : 1,　　//关闭按钮
area : [ '600px', '400px' ],　　//弹窗尺寸
content : '${ctx}/psi/money/showCus?cus=' + cus　　//url
});
}

//关闭弹窗

function sub() {
var fmr = $("#fm").serialize();
var skmoney = $("#skmoney").val();
$.ajax({
async:true,
url:"${ctx}/psi/money/receivablesById",
data:$("#fm").serialize(),
type:"POST",
success:function(data){
if(data){
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index); //弹出窗是新的页面的时候
window.parent.location.reload();//刷新父页面
}else{
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index); //弹出窗是新的页面的时候
window.parent.location.reload();//刷新父页面
}
},
error:function(){
alert("收款失败!!!")
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index); //弹出窗是新的页面的时候
window.parent.location.reload();//刷新父页面
},
dataType:"json"
});
}

转载于:https://www.cnblogs.com/ZhangHaiBK/p/8988646.html