博客

在之前有开发流量卡公众号经验里，很多时候需求是用户访问某页面输入卡号，将用户默认绑定于该卡。实现该功能有不同的方法，对应的方法的作用性也不一样绑定openid，用户查询过多卡或无用卡号就会造成大量垃圾数据存在数据库。用户数据缓存本地，就要预防重复提交事件。

方案一：记录openID,若需求方案明确且用户只能绑定一个商品，这种就是终身性绑定，需改就得做解绑与绑定功能。

方案二：利用localStorage，这里百度就会有很多教程。这种方案的好处在于用户在一定时间段在同设备上访问都会跳转指定页面，即需做切换商品功能并且清除缓存即可。

方案二利用缓存切换Js示例：

if(window.localStorage)
				{
					var openid = "";
					var cardNo = "";
					var size ="0";
					if(cardNo==""||cardNo==null)
					{
						cardNo = localStorage.getItem("cardNoHy");
					}
					if(cardNo==""||cardNo==null)
					{
						cardNo = $("#cardInfo").val();
					}
					var zdwlopenid = localStorage.getItem("zdwlopenid");
					if(zdwlopenid==null||zdwlopenid=="")
					{
						localStorage.setItem("zdwlopenid",openid);
					}
					if(cardNo!=null&&cardNo!=""&&size!="0"){
						window.location.href="http://xxxx"+cardNo;
					}else
					{
						
					}
				}

方案二清除Js示例：

function tWxHyChangeCard()
		{
			if(window.localStorage){
				localStorage.removeItem("cardNoHy");
			}
			window.location.href="xxxxxxxxxxxx";
		}