jquery verwendet Cookies und JSON, um den aktuellen Browserverlauf des Benutzers aufzuzeichnen_jquery

Auf einigen E-Commerce-Websites gibt es die Funktion „Produkt-Browserverlauf“, und einige Video- und Roman-Websites können auch den aktuellen Browserverlauf der Benutzer aufzeichnen. In diesem Artikel werden Cookies und JSON verwendet, um zu erklären, wie diese Funktion implementiert wird.
Cookies können verwendet werden, um Client-Benutzer-IDs, Passwörter, besuchte Webseiten, Aufenthaltsdauer und andere Informationen aufzuzeichnen. jQuery bietet ein Cookie-Plugin, das Cookie-Informationen sehr bequem lesen und schreiben kann.
Grundlegender Prozess:
1. Rufen Sie den Titel und die Seitenadresse des Artikels auf der Artikeldetailseite ab 2. Rufen Sie die Browserverlaufs-Cookie-Informationen ab und stellen Sie fest, ob der Browserverlauf des aktuellen Artikels bereits im Browserverlaufs-Cookie vorhanden ist. Dann wird kein Vorgang ausgeführt 3. Wenn im Cookie des Browserverlaufs kein Browsing-Datensatz des aktuellen Artikels vorhanden ist, werden die Cookie-Informationen des aktuellen Artikels (Artikeltitel und Seitenadresse) in die Cookie-Informationen des Browserverlaufs geschrieben. Die geschriebenen Cookie-Informationen liegen im JSON-Datenformat vor, das leicht zu lesen ist.
4. Erhalten Sie Cookie-Informationen zum Browserverlauf, durchsuchen Sie JSON-Daten, analysieren Sie Browserverlaufsdatensätze und geben Sie sie aus.

Detaillierte Erklärung:
1. Stellen Sie sicher, dass auf der Artikeldetailseite zum Aufzeichnen des Browserverlaufs JQuery- und Cookie-Plug-Ins geladen sind. Rufen Sie den Artikeltitel und die Seitenadresse der aktuellen Artikelseite ab:

var art_title = $(".blog_txt h2").text(); //文章标题 
var art_url = document.URL; //页面地址 

 var canAdd = true; //初始可以插入cookie信息 
var hisArt = $.cookie("hisArt"); 
var len = 0; 
if(hisArt){ 
  hisArt = eval("("+hisArt+")"); 
  len = hisArt.length; 
} 

 $(hisArt).each(function(){ 
  if(this.title == art_title){ 
    canAdd = false; //已经存在，不能插入 
    return false; 
  } 
}); 

 if(canAdd==true){ 
  var json = "["; 
  var start = 0; 
  if(len>4){start = 1;} 
  for(var i=start;i<len;i++){ 
    json = json + "{\"title\":\""+hisArt[i].title+"\",\"url\":\""+hisArt[i].url+"\"},"; 
  } 
  json = json + "{\"title\":\""+art_title+"\",\"url\":\""+art_url+"\"}]"; 
  $.cookie("hisArt",json,{expires:1}); 
} 

 $(function(){ 
  var json = eval("("+$.cookie("hisArt")+")"); 
  var list = ""; 
  for(var i=0; i<json.length;i++){ 
    list = list + "<li><a href='"+json[i].url+"' target='_blank'>"+json[i].title+"</a></li>"; 
  } 
  $("#list").html(list); 
}); 

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass es für alle hilfreich ist, das Cookie-Plug-in zu lernen.