如何保存部分网址中的字符串？

Question

给定以下网址：

https://example.com/test/results/?usp-custom-14=2015+2017&usp-custom-8=United-States

如何保存三个变量：

var date1: "2015";
var date2: "2017";
var loc = "United States";

注意：我们在 url 2015+2017 中有两个带有 + 符号的日期，我们需要将它们拆分。在网址United-States 中有一个破折号，我们需要它为United States

这就是我正在尝试的：

function getUrlVars() {
  var vars = [], hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for(var i = 0; i < hashes.length; i++) {
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
  }
  return vars;
}
var dates = getUrlVars()["usp-custom-14"];
var loc = getUrlVars()["usp-custom-8"];
var dateSplit = dates.split("+");

另外，由于其他原因，我需要在页面加载后再次更新 URL，我会这样做：

history.replaceState('data to be passed', 'Title of the page', '<?php echo getAddress(); ?>/?usp-custom-14='+dateSplit+'&usp-custom-8='+loc);

但是url是重复的

https://example.com/test/results/?usp-custom-14=2015+2017&usp-custom-8=United-States/?usp-custom-14=2015,2017&usp-custom-8=United-States

Answer 1

您可以在? 上拆分网址并使用pop() 返回结果数组的最后一个成员，这将是您的整个查询字符串。

从那里，您可以将其拆分为键值对，首先将其拆分为 &，然后再拆分为 =。

我把它放在一个函数中，这样你就可以在需要时简单地执行getParam("my-url-parameter")。使用它，然后在你的特定参数上处理+ 和-，你应该能够很容易地得到你想要的。

它也应该可以在任何需要的地方重复使用。

function getParam(key) {
    //var url = window.location.href;   (Doesn't work on StackOverflow, but would be used in your real environment)
    var url = "https://example.com/test/results/?usp-custom-14=2015+2017&usp-custom-8=United-States";
    var querystring = url.split("?").pop();
    var params = {};
    querystring.split("&").forEach((i) => params[i.split("=")[0]] = i.split("=")[1]); //Create key-value pairs
    return params[key] || null;
}

var uspCustom14 = getParam("usp-custom-14").split("+");
var date1 = uspCustom14[0];
var date2 = uspCustom14[1];
var country = getParam("usp-custom-8").replace(/\-/g, ' ');

console.log(`Date 1: ${date1},`, `Date 2: ${date2},`, `Country: ${country}`);

对于您的第二个问题，您可以删除查询字符串并使用正确的值重新添加它：

var urlDates = getParam("usp-custom-14").replace('+',',');
var urlCountry = getParam("usp-custom-8");
history.replaceState('data to be passed', 'Title of the page', `${window.location.href.split("?")[0]}?usp-custom-14=${urlDates}&usp-custom-8=${urlCountry}`);

Answer 2

这应该会给你你想要的东西，同时尽可能地接近你的原始代码。您可以安全地拆分带有“+”的字符串。你有“？”和 "=" 以错误的顺序拆分。

function getUrlVars() {
  var vars = [], hash;  
  var hashes = window.location.href.split('?')[1];
  var params = hashes.split('&');    
  for(var i = 0; i < params.length; i++) {  
     hash = params[i].split('=');
     vars.push(hash[0]);
     vars[hash[0]] = hash[1];    
}
return vars;
}
var dates = getUrlVars()["usp-custom-14"];
var loc = getUrlVars()["usp-custom-8"];
var dateSplit = dates.split("+");

Answer 3

var str ="https://example.com/test/results/?usp-custom-14=2015+2017&usp-custom-8=United-States";
var split = str.split('usp-custom-14=');
var firstDate = split[1].split('+')[0];
var secondDate = split[1].substring(split[1].lastIndexOf("+")+1,split[1].lastIndexOf('&'));
var country = split[1].substring(split[1].lastIndexOf("=")+1,split[1].length-1).replace('-',' ');

console.log(firstDate);
console.log(secondDate);
console.log(country);