CrateAndBarrel.com 모두 같은 쇼핑-카트를 구현하는 방법은 무엇입니까? [닫은

Question

우리는 Crateandbarrels와 마찬가지로 페이지 하단에 쇼핑 아이템을 유지하는 쇼핑 카트를 구현하기위한 접근 방식을 찾고 있습니다.

http://www.crateandbarrel.com/family.aspx?c=837&f=28291

방문자는 항목의 "+ 추가"버튼을 클릭하여 카트에 쇼핑 아이템을 추가 할 수 있어야합니다. 내 이해에서, Crateandbarrel의 바닥 쇼핑 카트는 실제로 플래시 객체입니다. 그러나 가능하면 Ajax- 패션으로이를 구현할 수있는 방법을 찾을 수 있기를 바랍니다.

우리는 어쨌든 Web 2.0 항목에서 전문가가 아니며이 기능을 구현하기위한 가이드를 찾고 있습니다. 컨설턴트는 프레임을 사용하여이를 구현할 것을 제안합니다.

1. 당신이 나라면 어떻게이 기능을 구현 하시겠습니까?

   • A. 일반 웹 포름 페이지
   • B. 프레임 또는 iframe을 사용하십시오.
   • C. HTML 및 Flash, CrateandBarrel과 마찬가지로
   • D. Ajax

2. 해당 구성 요소가 협업 해야하는 방법에 대한 간단한 설명이 감사 할 것입니다.

Answer 1

1) 개인적으로 나는 Ajax를 사용하고 (그리고 CrateandBarrel이 그렇게해야한다고 확신합니다.

그런 다음 뷰포트 하단에 절대적으로 위치한 DIV로 바구니를 렌더링 할 수 있습니다.

당신은 프레임을 사용할 수 있지만, 절대적으로 배치 된 div가 더 나은 솔루션이라고 생각합니다.

(2) Adam Pope가 말했듯이, 항목이 추가되면 (Ajax를 통해) 바스켓을 다시 그릴 수 있습니다 (아마도 바구니 내용을 얻기 위해 JSON 호출?).

그리고 JavaScript 프레임 워크를 사용하십시오.

편집 : JavaScript가없는 사람에게는 우아하게 저하되도록해야합니다!

Answer 2

나는 확실히 Ajax와 함께 갈 것입니다. jQuery 또는 다른 프레임 워크 중 하나를보고 대부분의 작업을 수행하는 데 도움이됩니다.

하단 패널을 그리는 메소드를 작성합니다. 그런 다음 페이지가로드 될 때 카트 내용을 얻기 위해 비동기 호출을 할 때 호출됩니다. 사용자가 카트에 항목을 추가하면 페이지를 새로 고칠 수 있습니다 (패널을 다시 주도 할 수 있음) 또는 업데이트 메소드를 호출하여 카트 내용을 다시 작성할 수 있습니다.