この記事では、最近 jquery を勉強しているので、js cookie を使用します。jquery を使用したくない場合は、jquery を使用する必要があります。実装プロセスを理解すれば、自分でコードを書くことができます。
Cookie を操作するには、jquery cookie プラグインを使用する必要があります。
json について少し知る必要があります。簡単にするために、ここでは 3 つの閲覧記録のみが記録されると仮定します。
基本的なプロセスは次のとおりです。
1. Cookie に記録された過去の商品の数が 0、1、または 2 の場合、Cookie に直接挿入します。
2. Cookie 内のレコード数が 3 の場合 (3 レコードのみに制限しているため)、最初のレコードのセットを削除する方法は、最初のレコードからではなく、再度スキャンすることです。 1 つ目から、新しい履歴レコードを挿入します。

準備:
1. Cookie に保存する JSON 文字列は次のようなものです:

コードをコピーします コードは次のとおりです:

var hisProduct = eval[
{"url":"1.html","imgurl":"1.jpg","proname": "pig1","proprice" :100},
{"url":"2.html","imgurl":"2.jpg","proname":"pig2","propprice":200},
{"url" :"3.html","imgurl":"3.jpg","proname":"pig3","propprice":300}
]; 🎜>
url: 商品ページの URL です

proname: 商品名
proprice: 商品の価格
2. この情報はどのように入手しますか?京東モールを例に挙げてみましょう:


取得する必要があるのは上の「黄色のエリア」部分で、もう 1 つはページ アドレスです。コードを見ると、キー部分を特定するコード ブロックは次のとおりです:

HP Deskjet D2568 Color Inkjet Photo Printer

< ;/ p

JD.com の価格は画像になっています:

• 商品番号：131407
• 市場価格：￥499.00
• 京東価格: < ;a target="_blank" class="link_1" href="jd2008.360buy.com/notify.aspx?id=131407&type=1&key=7EDAD82DC8D8212393096333144388F6"">(値下げの通知)

  jquery を使用して必要な情報を取得します:

  
  
  

  
  

  コードをコピー

  コードとして$(function(){

  var pro_url = document.URL;//ページアドレス

  var pro_name = $(".Product_Name h1").text(); //商品名
  var pro_img = $("#Product_BigImage img")[0].src; //画像パス
  var pro_price = $(".Pro_baseinfo li").eq(2).children( "img")[0].src;//Price
  })
  
  
  
  補足: Jingdong のものはここではもう少し複雑で、自分でプログラムを書けば、次のようになります。取得する要素の ID を指定します。

  デモの取得 (「コードの実行」後に一度更新してください)