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

最新推荐文章于 2025-11-16 12:09:25 发布

nice1

最新推荐文章于 2025-11-16 12:09:25 发布

阅读量12

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax与Rails实战精要文章标签： RJS Ajax 可用性原则

本文链接：https://blog.csdn.net/nice1/article/details/155365807

Ajax与Rails实战精要专栏收录该内容

22 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

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');