0

我正在尝试从当前页面获取 url 查询字符串参数，并且我有以下代码：

doInit: function (component, event, helper) {
    var urlParams = new URLSearchParams(window.location.search);
    console.log("params::: ", urlParams);
    if (urlParams.has("openSidebar") && urlParams.get("openSidebar") == true) {
      console.log("redirection happening....");

      component.set("v.showFeed", true);
      component.set("v.isSidebarOpen", true);
    }
  },

由于某种原因，我似乎无法使用这一行var urlParams = new URLSearchParams(window.location.search); 我不知道为什么。

是否有任何替代或销售人员方式从 url 获取查询字符串参数？

我基本上什么也没得到，执行似乎停止在我使用URLSearchParams的那一行！

也很想知道为什么闪电在这种情况下不让普通的 javascript 执行？

4

2 回答 2

1

Usingnew URLSearchParams将返回一个类的实例，而不是一个对象（或映射）。

您可以使用此代码将键/对值转换为对象。然后您可以检查对象上的值：

const searchParams = new URLSearchParams('?openSidebar=true&foo=bar&test=hello%26world')
const params = [...searchParams.entries()].reduce((a, [k, v]) => (a[k] = v, a), {})
console.log(params)


if (params.openSidebar === 'true') {
  console.log("redirection happening....");
  // do stuff here      
}

请注意，我们之所以使用=== 'true'url 参数，是因为它始终是一种字符串。

既然您说它不起作用，您可以构建自己的解析器：

const qs = '?openSidebar=true&foo=bar&test=hello%26world'
  .slice(1) // remove '?'

const d = decodeURIComponent // used to make it shorter, replace d with decodeURIComponent if you want
const params = qs
  .split('&') // split string into key/pair
  .map(s => s.split('=')) // split key/pair to key and pair
  .reduce((a, [k, v]) => ((a[d(k)] = d(v)), a), {}) // set each object prop name to k, and value to v

console.log(params)

请注意，我们使用decodeURIComponent()（或简写d()）last，因为参数可能包含与号或等号。如果我们d()先打电话，我们会分裂这些角色，这是我们不希望发生的。

于 2019-09-26T13:18:46.613 回答
-1

URLSearchParams() 也不能在我的浏览器上运行，但我想出了一个帮助函数来完成工作。

function getURLSearchParameters() {
  const urlSearchParameters = {};
  let searchParameters = decodeURIComponent(window.location.search);
  if (searchParameters !== '') {
    searchParameters = searchParameters.substring(1).split('&'); // get ride of '?'
    for (let i = 0; i < searchParameters.length; i++) {
      [key, value] = searchParameters[i].split('=');
      urlSearchParameters[key] = value;
    }
  }
  return urlSearchParameters;
}

很遗憾，我无法回答您的其他问题，因为我没有任何销售人员的经验

于 2019-09-26T12:52:06.307 回答