ajax请求发起前弹出确认框

这篇博客展示了如何在JavaScript中使用jQuery和layer插件,在用户点击按钮时弹出确认框,只有当用户确认操作时才通过Ajax发送GET请求到指定URL。成功或失败的响应处理包括显示消息和页面刷新。
摘要由CSDN通过智能技术生成

1、需求:

        在ajax发起请求前弹出一个确认框,用户点击确认再向服务器发送ajax请求

$(document).on('click', '.test', function () {
                var url = $(this).data('url');
                window.top.layer.confirm('您确定访问服务器吗?', function () {
                    $.ajax({
                        url: url,
                        type: 'GET',
                        dataType: 'JSON',
                        loading: true,
                        beforeSend: function () {
                            window.top.layer.msg("正在加载请稍后...");
                        },
                        success: function (res) {
                            if (res.success) {
                                window.top.layer.alert(res.msg);
                                window.location.reload();
                            } else {
                                window.top.layer.alert(res.msg);
                            }
                        },
                    });
                })
            })

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值