ajax技术实现 TP框架上静态页面的局部动态处理

最新推荐文章于 2020-12-08 16:28:40 发布

DuTian11

最新推荐文章于 2020-12-08 16:28:40 发布

阅读量508

点赞数

分类专栏：技术文章标签：缓存 ajax tp

本文链接：https://blog.youkuaiyun.com/DuTianTian_csdn/article/details/80396857

版权

技术专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种结合静态化页面与局部动态更新的方法，通过配置静态缓存及使用Ajax技术实现在不刷新整个页面的情况下更新登录状态，适用于ThinkPHP框架或其他类似技术栈。

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

现在我们把首页静态化但是登陆用户这块需要局部处理。处理方法如下：：

1、需要在前台配置文件config.php中进行开启静态缓存

静态地址定义方式还有很多可以参考TP手册

2、运行首页页面会静态化,目录列表中会自动生成一个HTML文件夹下有定义的静态页面文件名

3、用ajax技术实现局部动态【静态化的页面 ajax代码可以照常执行也就实现了局部动态】

<div id="user1"></div>  //设置一个空的div或者随意什么标签 等待赋值
                        <script>
                            $(function(){
                                $.ajax({
                                    url:"{:U('Index/check_login')}",
                                    type:'post',
                                    success:function( res ){
                                        // console.log(res)
                                        if(res != 1){
                                            $("#user1").html("你好，欢迎<span style=\"color:orange;\">"  +res+"</span>"+
                                                "<a href=\"{:U('Login/quit')}\" style=\"padding-left:15px;color:gray;\">退出</a>");

                                        }else{
                                            $("#user1").html("<a href=\"{:U('Login/login')}\" target=\"_top\" class=\"h\">亲，请登录</a>" +
                                            "<a href=\"{:U('Login/register')}\" target=\"_top\">        免费注册</a>");
                                        }
                                    }
                                });
                            });
                        </script>

请求页面

 /** 查询用户是否登陆 */
    public function check_login(){
        $name = $_SESSION['u_name'];  //在登陆成功用session存了用户信息
        if($name){
            $this->ajaxReturn($name);
        }else{
            $this->ajaxReturn(1);
        }
    }

效果展示

未登录