javascript如何从url获取参数？答案

【问题标题】：how to get parameters from url in javascript?javascript如何从url获取参数？
【发布时间】：2017-09-20 14:26:09
【问题描述】：

我正在尝试从 javascript 中的 URL 获取查询参数。我尝试了window.location.search 并获得了参数，但它仅在我第一次访问 URL 时发生。之后它返回空。

我在某处读到这是由于 异步 GET 请求。那么如何在javascript中总是从URL中获取参数呢？

【问题讨论】：

您的假设不正确。 location.search 将始终有效，除非位置发生变化。
那么为什么它返回混合结果？有时我得到参数，有时我没有？
你试过window.location.hash - developer.mozilla.org/en-US/docs/Web/API/Location
How can I get query string values in JavaScript?的可能重复

标签： javascript query-string

【解决方案1】：

这可能对你有帮助。

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
And this is how you can use this function assuming the URL is,
http://dummy.com/?technology=jquery&blog=jquerybyexample.

var tech = getUrlParameter('technology');
var blog = getUrlParameter('blog');

【讨论】：

【解决方案2】：

function Myfunction(myvar){
  var urls = myvar;
  var myurls = urls.split("?id="); //will return the parameter after "?"
  var mylasturls = myurls[1];
  var mynexturls = mylasturls.split("&");
  var url = mynexturls[0];
  alert(url)
 }

【讨论】：

【解决方案3】：

您可以使用新的 javascript API，URL 和 URLSearchParams

var link = new URL('https://google.com.ec?q=blable%20bli&q=2312&dog=true')
var params = link.searchParams
var keys = [...new Set([...params.keys()])]

console.log('keys: ', keys)

for (var key of keys)
    console.log(key, params.getAll(key))

【讨论】：