Question

如何使用JavaScript从查询字符串中的浏览器URL中提取get参数。

这是网址。 http://localhost/test/test.html?q=mySearchString#do/users/view

我知道可以使用window.location

返回整个URL

Answer 1

今天最简单的是查询地图：

var query=new Map(location.href.split("#")[0].split("?")[1].split("&").map(el=>el.split("=")));

所以你可以这样做：

console.log(query.get("q"))//mySearchString

这只是实现查询参数（你的问题是关于）。

Answer 2

我们假设您的网址是： http://localhost/test/test.html?q=mySearchString#do/users/view

以下函数将从此URL中提取位置，路径，哈希，queryString，获取参数和段。

function suPlayWithLocation(doWhat, arg) {
                //doWhat options: location, path, hash, queryString, get and segment
                //Pass arg as 0 (zero) for location, path, hash and queryString
                //Pass arg as the get parameter name for queryString
                //Pass arg as the segment number for segment

                //Get location
                if (doWhat == 'location') {
                    if (window.location) {
                        return window.location;
                    }
                }
                //Get path
                if (doWhat == 'path') {
                    if (window.location.pathname) {
                        return window.location.pathname;
                    }
                }
                //Get hasg
                if (doWhat == 'hash') {
                    if (window.location.hash) {
                        return window.location.hash.substr(1);
                    }
                }
                //Get query string
                if (doWhat == 'queryString') {
                    if (window.location.search) {
                        return window.location.search.substr(1);
                    }
                }
                //Get the value of get parameter
                if (doWhat == 'get') {
                    if (window.location.search) {
                        var result = null,
                                tmp = [];
                        var items = location.search.substr(1).split("&");
                        for (var index = 0; index < items.length; index++) {
                            tmp = items[index].split("=");
                            if (tmp[0] === arg)
                                result = decodeURIComponent(tmp[1]);
                        }
                        return result;
                    }
                }
                //Get segment value
                if (doWhat == 'segment') {
                    if (window.location.hash) {
                        arg = arg - 1;
                        segment = window.location.hash.substr(1).split('/');
                        return segment[arg];
                    }
                }
            }

alert（suPlayWithLocation（'location'，0））; //返回http://localhost/test/test.html?q=mySearchString#do/users/view

alert（suPlayWithLocation（'path'，0））; //返回http://localhost/test/test.html

alert（suPlayWithLocation（'hash'，0））; //返回do / users / view

alert（suPlayWithLocation（'queryString'，0））; //返回q = mySearchString

alert（suPlayWithLocation（'get'，'q'））; //返回mySearchString

alert（suPlayWithLocation（'segment'，'2'））; //返回用户

如何从JavaScript中的查询字符串URL中提取get参数

2 个答案: