如何实施CrateAndBarrel.com购物车?

时间:2009-05-07 14:40:05

标签: ajax flash shopping-cart

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

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

访问者应该可以通过点击项目的“+添加到购物车”按钮将购物项目添加到购物车。根据我的理解,对于CrateAndBarrel来说,底层购物车确实是一个flash对象。但是,如果可能的话,我希望我们能找到一种以ajax方式实现它的方法。

我们在web 2.0中并不是专家,并且正在寻找实现此功能的指南。我们的顾问建议我们使用框架来实现这一点。

  1. 如果您是我,您将如何实现此功能?

    • 甲。纯WebForms页面
    • B中。使用Frame或IFrame。
    • ℃。 HTML和Flash,就像CrateAndBarrel
    • 一样
    • d。 AJAX
  2. 对于这些组件应如何协作的一些简单解释将不胜感激。

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

1)我个人会使用Ajax(而且我很确定CrateandBarrel必须这样做,并且只使用Flash来渲染篮子) - 很奇怪虽然我的Firefox是最新版本但它不会让我使用他们的网站那)

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

你可以使用一个框架,但我认为一个绝对定位的DIV将是一个更好的解决方案。

(2)正如Adam Pope所说,当一个项目被添加(通过Ajax)时,可以重新绘制篮子(可能是JSON调用以获取篮子内容?)。

绝对使用javascript框架。

编辑:并且记得让任何没有javascript的人优雅地降级!