今天开发sass管理后台时，遇到这样一个需求：商户在平台设置自己平台的url，平台需要针对当前url拼接平台给定的参数。

以前也经常遇到这类需要，但是总是忘记具体代码，今天我就总结一下吧！

PHP解析URL

在我的记忆中，PHP解析url时经常使用【pathinfo】函数，但是经常会遇到各种奇葩问题，所以今天我们使用【parse_url】来解析url。

最开始我想着参数不多就自己直接在用户设置的url后拼接参数，代码如下：

//第三方设置的url$url = ';;//平台需要拼接的参数$code = '标识码';$url .= '?code='.$code

但是到了后期，发现商户设置的url中可能带有参数，此时代码就不能这么写了，否则就会出现两个【?】及重复的参数，于是自己封装了一个，完整代码如下：

<?phppublic static function getParseUrl($url){    $urlInfo = parse_url($url);    $query = [];    if(!empty($urlInfo['query'])){        $query_params = explode('&',$urlInfo['query']);        foreach ($query_params as $item) {            list($key, $value) = explode('=', $item);            $query[$key] = $value;        }    }    $path = $urlInfo['scheme'].'://'.$urlInfo['host'];    if(isset($urlInfo['path'])) $path = $path.$urlInfo['path'];    return [        'path'=>$path,        'query'=>$query    ];}//解析url$urlInfo = Utils::getParseUrl($app->h5_auth_url);//自己需要拼接的参数$param = ['code'=>'测试标识'];//合并所有参数到一个数组中$query = array_merge($urlInfo['query'],$param);//拼接完成url$url = $urlInfo['path'].'?'.http_build_query($query);

其中【parse_url】函数是PHP内置函数，主要作用就是解析url，大致结果如下：

{    "scheme":"http",    "host":"test.cn",    "path":"/a/c",    "query":"a=1&b=2"}

如果url只有域名和参数时，返回的结果中没有【path】这个字段。如果url中没有参数，返回的结果中也没有query这个字段

从上面的结果可以看出query没有结构化，我们需要将query进行解析成数组的形式，解析代码如下：

//定义一个容器接受解析后的参数$query = [];$query_params = explode('&',$urlInfo['query']);foreach ($query_params as $item) {    list($key, $value) = explode('=', $item);    $query[$key] = $value;}

到此PHP解析url的代码就已经说明清楚了，希望正在看文章的你有所帮助

JS解析URL

js解析URL代码与PHP大致相同，只是将【parse_url】换成【new URL】对象，完整代码如下：

function getParseUrl(url) {  let urlObj = new URL(url)  //解析参数  let query_param = urlObj.search.replace('?', '');  let query = {}  if (query_param) {    query_param = query_param.split('&');    for (var i=0;i<query_param.length;i++) {      let pair = query_param[i].split("=");      query[pair[0]] = pair[1];    }  }    return {    'path': urlObj.origin + urlObj.pathname,    'query':query  };}

注意：query可能为空，所以上述代码判断了参数是否存在

网上有很多人使用【urlObj.query】的方式获取请求参数，本人尝试过，很多时候是没有这个属性字段的，所以我使用了【urlObj.search】获取请求参数

有遗漏或者不对的可以在我的公众号留言哦