depot迭代D4_Ajax方案

简介:
在隐藏购物车的时候,从layout的store模板中看到
<div id="cart">
    <%=render(:partial=>"cart", :object=>@cart)%>
</div>
这是在渲染store页面的购物车部分,如果要在购物车为空的情况下隐藏这部分的显示,可以写个控制语句变为:
        <div id="cart">
             <%if !@cart.items.empty?%>
                    <%=render(:partial=>"cart", :object=>@cart)%>
             <%end%>
          </div>
意思是在页面刷新时,如果购物车为空,不显示.

在点击add to cart 按钮时,触发ajax效果,让购物车blind down
page[:cart].visual_effect :blind_down if @cart.total_items==1
然后渲染cart局部
page.replace_html("cart", :partial=>"cart", :object=>@cart)
在Empty cart时,使用ajax效果,让cart局部blind up
page[:cart].visual_effect :blind_up





本文转自 fsjoy1983 51CTO博客,原文链接:http://blog.51cto.com/fsjoy/89961,如需转载请自行联系原作者
目录
相关文章
|
JSON 前端开发 API
前端 ajax 请求的优雅方案
前端 ajax 请求的优雅方案
185 0
|
JavaScript 前端开发
【JavaScript】ajax请求的数据返回时间戳使用js处理方案
【JavaScript】ajax请求的数据返回时间戳使用js处理方案
260 0
【JavaScript】ajax请求的数据返回时间戳使用js处理方案
|
Web App开发 前端开发 测试技术
前端通信:ajax设计方案(六)--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布
距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉。这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西。
5005 0
|
Web App开发 JavaScript 前端开发
前端通信:ajax设计方案(五)--- 集成promise规范,更优雅的书写代码
  距离上一篇博客书写,又过去了大概几个月了,这段时间暂时离开了这个行业,让大脑休息一下。一个人旅行,一个人休息,正好也去完成一个目标 --- 拥有自己的驾照。当然,也把自己晒的黑漆马虎的。不过这一段时间虽然在技术上没有学太多东西,但是在心态上给了自己一个沉淀的机会,感觉自己变得更加沉稳和成熟,感觉这就是自己需要找到的自己,回归自我。
1590 0
|
Web App开发 存储 前端开发
前端通信:ajax设计方案(四)--- 集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
马上要过年了,哎,回家的心情也特别的激烈。有钱没钱,回家过年,家永远是舔舐伤口最好的地方。新的一年继续加油努力。 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行检查和限制。
1373 0
|
Web App开发 移动开发 JavaScript
前端通信:ajax设计方案(三)--- 集成ajax上传技术
在此之前让我感慨一下现在的前端开发的氛围。我遇到好多人,给我的观念都是,这个东西这个框架有了,那个东西那个框架做了,前端嘛,学几个框架,这个拼凑一下那个拼凑一下就好了。其实我想问,东西都框架做了,那你会什么?会吹牛逼?会撕逼? 我在简历上写专注原声js,曾经被几个人笑过。
1506 0
|
Web App开发 移动开发 前端开发
前端通信:ajax设计方案(二)---集成轮询技术
上一篇文章介绍了ajax技术核心方法,和跨域的问题(只要后台支持跨域默认post就可以),这篇文章讲解一下使用ajax实现的轮询技术,至于iframe,SSE服务器单向推送,以及webSocket双工通道暂时不涉及。
1559 0