Javascript-如何根据网址参数

Question

URL： http://example.com/?a=1&b=2&c=3?reco_id=xxxx

xxxx是实际值（交易编号）。

1. 设置一个Cookie＆＃34; xxxx＆＃34;
2. 移动页面＆gt;打电话＆＃34; reco_id＆＃34;

Answer 1

您可以通过document.location.search访问网址的查询部分，通过document.cookie访问Cookie字符串并修改后者。要实现这一目标，https://github.com/js-cookie/js-cookie之类的Cookie库可能会有所帮助。

但JavaScript没有内置帮助程序来从完整的查询字符串中读取单个查询参数。看看这个问题：How to get the value from the GET parameters?

Answer 2

首先，您需要从URL中提取cookie参数。不幸的是，浏览器JS没有提供解析URL的内置方法。我更喜欢使用jQuery.parseParams。

然后您可以使用document.cookie来存储Cookie值。以这种方式设置cookie可能很麻烦，因此您可以使用诸如jQuery.cookie

之类的库

然后你可以这样做：

var params = $.parseParams(document.location.search);
$.cookie('reco_id',params['reco_id']);

其他资源：

1. How do I set/unset cookie with jQuery?
2. 如果你不使用jQuery，这里有一些很好的vanilla JS方法：
   • How to get the value from the GET parameters?
   • https://github.com/js-cookie/js-cookie