8、RJS应用示例与Ajax可用性原则解析

RJS应用示例与Ajax可用性原则解析

1. RJS实际应用示例

1.1 传统方式处理购物车操作

在在线商店IconBuffet.com的购物车功能中，在引入RJS之前，处理商品添加和移除操作的代码存在诸多问题。当时使用了超过十几行的JavaScript代码，并且需要多次与服务器进行交互。以下是具体的JavaScript代码：

var Cart = {
  add: function(product_id) {
    $('product_' + product_id). addClassName('incart');
    new Ajax.Request('/cart_items/',
       { parameters:'id='+product_id,
         onComplete: Cart.refresh });
  },
  remove: function(product_id) {
    $('product_' + product_id). removeClassName('incart');
    new Ajax.Request('/cart_items/' + product_id,
       { method:'delete',
         onComplete: Cart.refresh });
  },
  refresh: function(  ) {
    new Ajax.Updater('cartbox', '/cartbox');
    new Ajax.Updater('num_items', '/num_items');