Wu Yudong's Blog

对于这样的URL请求地址：http://tp5.com/index/index/hello.html?test=ddd&name=thinkphp

要获取 name参数的值，使用thinkphp很容易实现

<?php
namespace app\index\controller;
use think\Request;
class Index {
    public function hello(Request $request) {
        echo '请求参数：';
        dump($request->param());
        echo 'name:'.$request->param('name');
    }
}

但是要在前台js代码中获取请求的参数的值，应该怎么做呢？

<script>
function GetLocationParam(param){
	var request = {
		QueryString : function(val) {
		var uri = window.location.search;
		var re = new RegExp("" +val+ "=([^&?]*)", "ig");
		return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):'');
	    }
	}
	return request.QueryString(param);
}
var uid=GetLocationParam("uid");
</script>

用该属性window.location.search获取页面 URL 地址：

window.location 对象所包含的属性

js 脚本捕获页面 GET 方式请求的参数？其实直接使用 window.location.search 获得，然后通过 split 方法结合循环遍历自由组织数据格式。