JavaScript 기록은 제품 최근 기록 검색 페이지에 자주 사용됩니다. 1/2_jquery

쿠키를 작동하려면 jquery 쿠키 플러그인을 사용해야 합니다json에 대해 조금 알아야 합니다. 데이터는 단순화를 위해 3개의 검색 기록만 기록된다고 가정합니다.

기본 과정은 다음과 같습니다.

1. 쿠키에 기록된 과거 상품의 개수가 0 또는 1 또는 2인 경우 쿠키에 직접 삽입합니다. 2. 쿠키의 레코드 수가 3개인 경우(3개 레코드로만 제한했기 때문에) 첫 번째 레코드 세트를 제거하는 방법은 다시 순회하는 것입니다. 1. 두 번째부터 새로운 이력 기록을 삽입합니다.
준비:
1. 쿠키에 저장하려는 json 문자열은 다음과 유사합니다.

코드 복사

코드는 다음과 같습니다.var hisProduct = eval[

{"url":"1.html","imgurl":"1.jpg","proname": "pig1","proprice" :100},

{"url":"2.html","imgurl":"2.jpg","proname":"pig2","proprice":200},
{"url":"3.html","imgurl":"3.jpg","proname":"pig3","proprice":300}
]; 🎜>
url: 제품 페이지 url
imgurl: 사진 url
proname: 제품 이름
proprice: 제품 가격

2. 이 정보를 얻는 방법은 무엇입니까? Jingdong Mall을 예로 들어보겠습니다.

우리가 얻어야 할 것은 위의 "노란색 영역" 부분이고, 다른 하나는 페이지 주소입니다. 해당 코드를 살펴보면 핵심 부분을 찾는 코드 블록은 다음과 같습니다.

HP Deskjet D2568 컬러 잉크젯 포토 프린터

최저 가격의 듀얼 잉크 드롭 인쇄 기술로 사진의 실제 색상을 복원합니다

< ;/ 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를 사용하여 필요한 정보 얻기:

  
  
  

  코드 복사

  
  Code As 다음은 다음과 같습니다.

  $(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를 제공합니다.
  
  데모 획득("코드 실행" 후 한 번 새로고침 해주세요)