如何通过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=u0068u0074u0074u0070u003a
    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地址了。