如何根据cookie记录用户浏览记录

在一些电商网站中，有“商品浏览历史”的功能，一些视频和小说网站也可以记录用户最近的浏览历史。本文将使用Cookie和JSON来说明如何实现这个功能。Cookies可以用来记录客户端用户ID、密码、访问过的网页、停留时间等信息。jQuery提供了一个cookie插件，可以非常方便地读写Cookie信息。基本流程:1，在文章详情页获取文章的标题和页面地址；2、获取浏览历史cookie的信息，如果浏览历史cookie中已经存在当前文章的浏览记录，则不进行操作；3.如果浏览历史cookie中没有当前文章的浏览记录，则将当前文章的cookie信息(文章标题和页面地址)写入浏览历史cookie信息。以JSON数据格式编写的cookie信息易于阅读。4.获取浏览历史cookie信息，遍历JSON数据，分析并输出浏览历史。详解:1，确保记录浏览历史的文章详情页已经加载到jquery和cookie插件中。获取当前文章页面的文章标题和页面地址:var art _ title = $("。blog _ txth2”)。text()；//文章标题var art_url = document。网址；//页面地址2。获取用户的历史浏览记录。如果浏览历史已经存在，则分析历史记录的cookie信息(JSON数据格式)以获得记录长度。var canAdd = true//最初可以插入cookie信息var hisArt = $。cookie(“hisArt”)；var len = 0；if(hisArt){ hisArt = eval("+hisArt+")；len = hisArt.length} 3.如果浏览历史cookie信息已经存在，则遍历cookie信息并比较当前文章标题。如果当前的文章标题已经存在于cookie信息中，停止程序，什么也不做。$(hisArt)。each(function(){ if(this . title = = art _ title){ canAdd = false；//已经存在，不能插入返回false} });4.如果浏览历史cookie中不存在当前文章，您可以像在浏览历史cookie中一样插入当前文章的cookie信息。这时候就需要构建json数据，将已有的浏览记录cookie和当前页面的cookie信息组合成JSON数据，然后通过$写入浏览历史。cookie()方法。if(canAdd = = true){ var JSON = "["；var start = 0；if(len & gt；4){ start = 1；} for(var I = start；我& ltleni++){ JSON = JSON+" { \ " title \ ":\ "+hisArt[I]。title+"\ "，\ " URL \ ":\ "+hisArt[I]。url+"\"}，"；} JSON = JSON+" { \ " title \ ":\ "+art _ title+" \ "，\ " URL \ ":\ "+art _ URL+" \ " }]"；$.cookie("hisArt "，json，{ expires:1 })；}这样我们就得到用户浏览历史的cookie信息，cookie名为hisArt，值为JSON格式的数据，比如:[{"title": "article1 "，" URL": "a.html"}，{"title": "article2 "，" URL": "b "在这个例子对应的演示页面中，应该先得到浏览历史cookie:hisArt的值，然后分析、遍历、组合成字符串输出到页面。代码如下:$(function(){ var JSON = eval((+$。cookie(" Hisart ")+")；var list =for(var I = 0；我& ltjson.lengthi++){ list = list+" & lt；李& gt& lta href='"+json[i]。URL+" ' target = ' _ blank ' & gt；“+json[i]。title+" & lt；/a & gt；& lt/李& gt" ;} $("#list ")。html(列表)；});我们在演示页面放了一个#list的列表。当然，这个页面还需要预装jquery库和cookie插件。以上是本文的全部内容，希望对你学习cookie插件有所帮助。