如何使用JavaScript获取ULR中的查询字符串值

时间:2019-05-19 01:26:09  来源:igfitidea点击:

使用JavaScript或jQuery,我们可以很容易地获得在url查询字符串中传递的值。
下面是一个使用JavaScript获取查询字符串值的简单示例。
为此,创建一个像getParamValuesByName这样的函数,并添加下面给出的一个示例代码。
在下面的示例中,函数 getParamValuesByName()将解析查询字符串值,并根据指定的参数返回匹配的值。

示例1:

<script type="text/javascript">
function getParamValuesByName (querystring) {
  var qstring = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for (var i = 0; i < qstring.length; i++) {
    var urlparam = qstring[i].split('=');
    if (urlparam[0] == querystring) {
       return urlparam[1];
    }
  }
}
var uid = getParamValuesByName('uid');
var uname = getParamValuesByName('uname');
</script>

示例2:

<script type="text/javascript">
function getParamValuesByName (querystring) {
    name = querystring.replace(/[[]/, "\[").replace(/[]]/, "\]");
    var regexS = "[\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.search);
    if (results == null) {
	    return "";
	}
    else {
	    return decodeURIComponent(results[1].replace(/+/g, " "));
	}
}

var uid = getParamValuesByName('uid');
var uname = getParamValuesByName('uname');
</script>