ajax - 如何实现 CrateAndBarrel.com 类似的购物车？

Question

我们正在寻找实现购物车的方法，将购物项目放在页面底部，就像 CrateAndBarrels

访问者应该能够通过单击商品的“+ 添加到购物车”按钮将购物商品添加到购物车。据我了解，对于 CrateAndBarrel 来说，底部的购物车确实是一个 flash 对象。但是，如果可能的话，我希望我们能找到一种在 ajax 时尚中实现这一点的方法。

无论如何，我们并不是 web 2.0 方面的专家，并且正在寻找一些指南来实现此功能。我们的顾问建议我们使用框架来实现这一点。

如果你是我，你会如何实现这个功能？
- A. 普通 WebForms 页面
- B. 使用 Frame 或 IFrame。
- C. HTML 和 Flash，就像 CrateAndBarrel
- D、阿贾克斯
一些关于这些组件应该如何协作的简单解释将不胜感激。

score 2 · Accepted Answer

我肯定会选择 AJAX。查看 jquery 或其他框架之一，以帮助您完成大部分工作。

我会创建一个方法来绘制底部面板。然后在页面加载时调用它，并通过异步调用来获取购物车内容。当用户将商品添加到购物车时，您可以刷新页面（这将重新绘制面板）或调用更新方法来重新绘制购物车内容。

score 1 · Accepted Answer

1）我个人会使用 Ajax（我很确定 CrateandBarrel 必须这样做，并且使用 Flash 只是为了渲染篮子）——奇怪的是，虽然我的 Firefox 是最新的，但它不会让我使用他们的网站）

然后，您可以在视口底部使用绝对定位的 DIV 渲染篮子。

You could use a frame, but I think an absolutely positioned DIV would be a better solution.

(2) As Adam Pope says, when an item is added (via Ajax) the basket can be redrawn (maybe a JSON call to get the basket contents?).

And definitely use a javascript framework.

Edit: And remember to let it degrade gracefully for anyone who does not have javascript!

2 回答 2