Javascript成爲基於URL參數如何設置cookie

Question

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

xxxx是實際值（交易號）。

1. 設置cookie「XXXX」
2. 移動奧德頁>稱之爲「reco_id」

Answer 1

你可以通過document.cookie通過document.location.search和cookie字符串訪問URL的查詢部分和修改後。要實現這一點，像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