tp使用layui友好显示修改状态功能

最新推荐文章于 2024-04-23 09:49:03 发布

原创最新推荐文章于 2024-04-23 09:49:03 发布 · 383 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端

文章讲述了如何在HTML中创建一个链接，当用户点击时，通过添加‘ajax-change’类触发JavaScript函数，弹出layer弹窗进行确认操作。点击确定后，使用AJAX发送GET请求到PHP后台进行处理。PHP根据逻辑执行修改操作并返回成功或失败信息，前端接收到响应后更新页面或显示错误消息。

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

之前找了很多次,然后经过自己的总结,这里记录一下

html部分

<a href="{:url('admin/merchant/make_merchant_erweima',['id'=>$vo['id']])}" class="layui-btn layui-btn-normal layui-btn-sm ajax-change">二维码</a>

重点是添加上ajax-change的类名,然后调取下面的函数,其他的部分,正常的a标签即可

JavaScript部分

 $('.ajax-change').on('click', function () {
            var _href = $(this).attr('href');
            layer.open({
                shade: false,
                content: '确定修改？',
                btn: ['确定', '取消'],
                yes: function (index) {
                    $.ajax({
                        url: _href,
                        type: "get",
                        success: function (info) {
                            if (info.code === 0) {
                                layer.msg(info.msg);
                                setTimeout(function () {
                                    location.reload();
                                }, 1000);
                                
                            }else{
                                layer.msg(info.msg);
                                return false;
                                // location.reload();
                            }
                            
                        //   location.reload();
 
                        }
                    });
                    layer.close(index);
                }
            });

            return false;
        });

PHP部分

public function make_merchant_erweima()
    {
        
        //省略掉一些逻辑代码
        //直接判断结果,然后用通用的$this->success和->error即可

        if($res !== false){
            $this->success('修改成功!');
        }else{
            $this->error('修改失败!');
        }
        
    }

效果图

无此效果的

有此效果的