如何通过jq和php实现返回父级页面(附带记忆功能)

在开发项目的时候,往往会有一些父级页面,例如这样:

点击即可返回上一层目录,可是这样是返回到父级页面的首页,我们原本的操作记录清空了(比如说我们翻到第3页博客,点击去看,再返回父级页面的时候又回到第一页了):

这种体验相当糟糕,我不得不重新点回第三页。

这时候我想起了一个解决方案,使用window.history.go(-1)window.location.go(-1)

window.history.go(-1) 是返回上一页
window.location.go(-1) 是刷新上一页

这样处理如果仅限于一个地址,没有任何跳转其他操作,的确是可行的,那么当有其他操作的时候该怎么办呢?我的解决方案是,渲染该页面的时候,在返回“父级页面“这个按钮的href链接处记录进入到这个页面之前的url地址,从而实现这个效果(PHP使用的是laravel)。

本来是使用base64加密解密的方法进行处理,但由于项目局限无法引入第三方jq库,只能使用转化成16进制的方法进行解决。

首先前端代码:

function goPerson(uid,article_id){
    var local = stringToHex(window.location.href); //不能直接把url当做参数传递,得进行字符串的处理
    var url   = "/blog/"+uid+"?article_id="+article_id+"&url="+local; //拼接url,传递参数至php端
    //url内容类似这样:/blog/1007?article_id=15&url=\u0068\u0074\u0074\u0070\u003a
    window.location.href = url;
}
function stringToHex(str) {
   var arr = [];
   for (var i = 0; i < str.length; i++) {
     arr[i] = "00" + str.charCodeAt(i).toString(16);
   }
   return "\\u" + arr.join("\\u");
}

PHP端代码(laravel):

//获取用户项目详情
public function getBlog($uid, Request $request) {
    $url = $request->input('url');
    $url = $this->unescape(str_replace('\\',"%",$url));
    //其他业务逻辑 
    //xxxxx
    //xxxxx
    //xxxxx
    return view("adm.staff.blogInfo",["blogInfo" => $blogInfo,'url' => $url]);
}
protected function unescape($str) {  
    $ret = '';  
    $len = strlen ( $str );  
    for($i = 0; $i < $len; $i ++) {  
        if ($str [$i] == '%' && $str [$i + 1] == 'u') {  
            $val = hexdec ( substr ( $str, $i + 2, 4 ) );  
            if ($val < 0x7f)  
                $ret .= chr ( $val );  
            else if ($val < 0x800)  
                $ret .= chr ( 0xc0 | ($val >> 6) ) . chr ( 0x80 | ($val & 0x3f) );  
            else  
                $ret .= chr ( 0xe0 | ($val >> 12) ) . chr ( 0x80 | (($val >> 6) & 0x3f) ) . chr ( 0x80 | ($val & 0x3f) );  
            $i += 5;  
        } else if ($str [$i] == '%') {  
            $ret .= urldecode ( substr ( $str, $i, 3 ) );  
            $i += 2;  
        } else  
            $ret .= $str [$i];  
    }  
    return $ret;  
}

跳转后的页面代码:

<a href="{{$url}}">返回上一级页面</a>

这样,便可以记录上一级页面的所有url地址了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员互动联盟

【答疑解惑】如何安装eclipse

随着android应用开发的火热,eclipse使用的人也越来越多。好多初学者不知道如何安装eclipse,这里做一个简单回答。 首先我们要确认系统的版本,是3...

2454
来自专栏美丽应用

批量文件命名助手:全能批量命名工具

742
来自专栏Python

Centos crontab定时任务

CRONTAB是一个用于设置周期性被执行的任务的工具,有了它,我们就可以从定时工作中解放出来。

650
来自专栏技术碎碎念

HTTPS握手

作用 内容加密 建立一个信息安全通道,来保证数据传输的安全; 身份认证 确认网站的真实性 数据完整性 防止内容被第三方冒充或者篡改 https的采用了对称加密和...

2527
来自专栏极客猴

Django 学习笔记之视图与URL配置

本文章是自己学习 Django 框架的第三篇。前面两篇文章主要记录 Django 理论相关知识。从本篇文章开始,将以理论和实战方式讲述 Django 框架的知识...

432
来自专栏iOSDevLog

插件捆绑目录

2606
来自专栏DeveWork

WordPress 中部署真正的懒加载(Lazy Load)

不少WordPress 主题(包括DeveWork.com目前的主题)都有部署jquery 插件“懒加载”(Lazy Load),但其实很多都不能产生真正的懒加...

1897
来自专栏wblearn

tomcat程序部署到weblogic遇到的问题:对于字符串空的处理不一样

最近将本地tomcat项目部署到weblogic服务器,某个模块下数据加载不出来,很奇怪,在本地tomcat下此模块下数据都可以完整显示出来,怎么到服务器就不行...

662
来自专栏IMWeb前端团队

whistle工具全程入门

接触过前后端开发的同学应该都了解网络请求代理工具fiddler(mac下面常用的是Charles),可以用来拦截分析请求、包装请求、本地调试和移动端代理开发调试...

2655
来自专栏守望轩

Visual Studio 2008 每日提示(十九)

#181、按Ctrl+Shift+F12 在错误列表查看下一个错误记录 原文链接:You can use Ctrl+Shift+F12 to view the...

3305

扫描关注云+社区