通过Javascript得到URL中的参数(query string)
巴扎黑
巴扎黑 2017-04-11 10:35:20
[JavaScript讨论组]

在网上找的这两种处理方式,但不理解函数的逻辑和正则部分,另这两种方法的不同和哪个在项目中使用性能会更高呢?希望有懂得大神能指点迷津!谢谢

巴扎黑
巴扎黑

全部回复(5)
高洛峰

就你提供的两种方法 。 个人观点, 就大工程的 话, 我会选择方法一, 小工程我会选择方法二, 方法一进行封装,我可以丢到jqurey 中, 但是方法二 则不行,绑定了两个全局对象,灵活性太差。 但是 方法一 有个弊端或者说是优点, 既 我需要什么我就传什么, 不需要丢给我 多余的 参数,这样的效果在 url 参数非常多的时候 效果会非常明显 ,灵活性更佳 ,但是方法二 是可以获得所有参数和所有值。

PHP中文网

正则没有深入,不过还是要能读懂简单的。遇到复杂的,也可以使用诸如 replace, split 之类拆解为简单的来处理。这一块其他同学注释得很清楚了。

题主问题的另一个思路:

URL 解析,完全可以使用 window.location 对象(如 search, host 等属性)以及 字符串的 replace(), split() 方法以及一些关键字符如 + / = ? 分步拆解出来。

下面是之前写的一个比较单一功能的,贴一下哈:

function getParamFromUrl(url, name){
    var params = url.split('?'),
        val = '';
    if( params.length < 2 ) return '';
    var search = params[1].split('&');
    
    for(var i = 0, len = search.length; i < len; i++ ){
        var ss = search[i].split('=');
        if( name === ss[0] ) {
            val = ss[1];
            break;
        }
    }
    return val;
}
大家讲道理

有个叫qs的node库,可以直接把请求字符串解析成对象,也可以反过来用来把对象转成请求参数

高洛峰

使用这个理解更清晰一点 ,我的就叫方法四吧

function GetRequest() {
  var url = location.search;
  var theRequest = new Object()
  if (url.indexOf("?") != -1) {
    var str = url.substr(1)
    if (str.indexOf("&") != -1) {
      var strs = str.split("&")
      for (var i = 0; i < strs.length; i++) {
        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1])
      }
    } else {
      theRequest[str.split("=")[0]] = unescape(str.split("=")[1])
    }
  }
  return theRequest
}
PHPz

var lib = {

urlParams: function(url) { //传入的参数为window.location
    var urlParamsList = {};
    var params = url.search.replace(/^\?/, "").split('&'); 

// var params = url.split("?")[1].split("&") 这里是当url是window.location.href时候

    for (var i = 0; i < params.length; i++) {
        var param = params[i];
        var temp = param.split("=");
        urlParamsList[temp[0]] = decodeURI(temp[1]);
    }
    return urlParamsList;
}

}
用法:selfUserID = lib.urlParams(window.location)['userID']

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号