Javascript-如何根据url参数设置cookie

Javascript- How to Set a Cookie based on url Parameter

本文关键字:参数 设置 cookie url 何根 Javascript-      更新时间:2023-09-26

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

xxxx 是实际值(交易编号(。

  1. 设置饼干"xxxx">
  2. 移动或页面>调用"reco_id">

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

但是 JavaScript 没有内置的帮助程序来从完整的查询字符串中读取单个查询参数。看看这个问题:如何从GET参数中获取值?

首先,您需要从 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. 如何使用 jQuery 设置/取消设置 cookie?
  2. 如果你没有使用jQuery,这里有一些很好的vanilla JS方法:
    • 如何从 GET 参数中获取值?
    • https://github.com/js-cookie/js-cookie