javascript - 使用查询参数重建 url

Question

我有一个网址:

http://www.example.com/gclid/YH67/utm/2908321/id/test

我想要带有查询参数的网址:

http://www.example.com/?gclid=YH67&utm=2908321&id=test

我知道的是主要网址http://www.example.com/

我想让url有正确的参数(我不知道key/value的具体参数)。

这是一个我看到它有效的简单示例

if (window.location.href === "http://www.example.com") { 
   url = "http://www.example.com?gclid=test"; 
   window.history.pushState("", "", url); 
}

Answer 1

试试这个 -

function makeURL(url)
{
  var mainUrl = "http://www.example.com/";

  var urlArr = url.split(mainUrl);
  if(urlArr[1] && urlArr[1] !== "")
  {
       // assuming url will always be a perfect url
       var queryPoints = urlArr[1].split("/");
       var queryStr = "?";
       for(var i = 0; i < queryPoints.length; i+=2)
       {
          var key = queryPoints[i];
          var value = queryPoints[i+1];
          if(i+2 == queryPoints.length)
            queryStr += key+ "=" + value;
          else
            queryStr += key+ "=" + value + "&";
       }
    var queriedUrl = mainUrl + queryStr;
    console.log(queriedUrl);
    return queriedUrl;
  }
  return url;
}

像这样调用上面的函数 - makeURL("http://www.example.com/gclid/YH67/utm/2908321/id/test")。它将以查询字符串格式返回您的数据。