latest walk with jsonp.Review by:@xuqi

 {{#if latestWalk}}
+    <input id="latest-walk-count" type="hidden" value="{{latestWalk}}">
     <div class="latest-walk">
         <h2>最近浏览的商品</h2>
-        <div class="goods clearfix">
-            {{# latestWalk}}
-                <div class="good">
-                    <a href="{{href}}">
-                        <img class="lazy" data-original="{{img}}">
-                    </a>
-                    <a class="name" href="{{href}}">{{name}}</a>
-                    <p class="price">
-                        {{#if salePrice}}
-                            <span class="market-price">￥{{marketPrice}}</span>
-                        {{/if}}
-                        <span class="sale-price">￥{{salePrice}}</span>
-                    </p>
-                </div>
-            {{/ latestWalk}}
-        </div>
+        <div id="latest-walk-goods" class="goods clearfix"></div>
     </div>
+    <script id="latest-walk-tpl" type="text/html">
+        \{{# latestWalk}}
+            <div class="good">
+                <a href="\{{href}}">
+                    <img class="lazy" data-original="\{{img}}">
+                </a>
+                <a class="name" href="\{{href}}">\{{name}}</a>
+                <p class="price">
+                    <span class="market-price">\{{marketPrice}}</span>
+                    <span class="sale-price">\{{salePrice}}</span>
+                </p>
+            </div>
+        \{{/ latestWalk}}
+    </script>
 {{/if}}
\ No newline at end of file

+/**
+ * 最近浏览取接口渲染模板
+ * @author: xuqi<qi.xu@yoho.cn>
+ 8 @date: 2016/1/20
+ */
+
+var $ = require('yoho.jquery');
+var Handlebars = require('yoho.handlebars');
+var lazyLoad = require('yoho.lazyload');
+
+var $latestWalkCount = $('#latest-walk-count');
+
+(function() {
+    var tpl;
+
+    if ($latestWalkCount.lenght < 0) {
+        return;
+    }
+
+    tpl = Handlebars.compile($('#latest-walk-tpl').html());
+
+    $.ajax({
+        url: 'http://itemapi.yohobuy.com/item/item/recentreview',
+        dataType: 'jsonp',
+        data: {
+            limit: $latestWalkCount.val()
+        },
+        success: function(data) {
+            var latestWalk = [],
+                res, i, cur;
+
+            if (data.code === 200) {
+                res = data.data;
+
+                for (i = 0; i < res.length; i++) {
+                    cur = res[i];
+
+                    latestWalk.push({
+                        href: cur.url,
+                        img: cur.pic_url,
+                        name: cur.product_name,
+                        salePrice: cur.price,
+                        marketPrice: cur.market_price
+                    });
+                }
+
+                if (latestWalk.length > 0) {
+                    $('#latest-walk-goods').html(tpl({
+                        latestWalk: latestWalk
+                    }));
+
+                    lazyLoad($('#latest-walk-goods .lazy'));
+                }
+            }
+        }
+    });
+}());
\ No newline at end of file

@@ -8,4 +8,6 @@ require('./filter');
 
 require('./sort-pager');
 
+require('./latest-walk');
+
 require('./product');
\ No newline at end of file

@@ -958,44 +958,7 @@ class Index1Controller extends AbstractAction
                 ),
                 'totalCount' => '2259',
                 'pager' => '<a href="" class="cur"><span>1</span></a><a href=""><span>2</span></a><a href="" title="下一页">下一页<span class="iconfont">&gt;</span></a>',
-                'latestWalk' => array(
-                    array(
-                        'img' => 'http://img11.static.yhbimg.com/goodsimg/2015/08/24/11/018fd5cbe604b37ea35336257fcbff8114.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'Life·After Life 牛角扣夹棉连帽大衣(M51款)【吴亦凡亲身试着】',
-                        'marketPrice' => '939',
-                        'salePrice' => '679'
-                    ),
-                    array(
-                        'img' => 'http://img10.static.yhbimg.com/goodsimg/2014/11/05/08/0110a09053658b079265a553ee20a5779d.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'th:字母撞色毛衣',
-                        'marketPrice' => '698',
-                        'salePrice' => '209'
-                    ),
-                    array(
-                        'img' => 'http://img10.static.yhbimg.com/goodsimg/2014/11/05/08/0110a09053658b079265a553ee20a5779d.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'th:字母撞色毛衣',
-                        'marketPrice' => '698',
-                        'salePrice' => '209'
-                    ),
-                    array(
-                        'img' => 'http://img10.static.yhbimg.com/goodsimg/2014/11/05/08/0110a09053658b079265a553ee20a5779d.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'th:字母撞色毛衣',
-                        'marketPrice' => '698',
-                        'salePrice' => '209'
-                    ),
-                    array(
-                        'img' => 'http://img10.static.yhbimg.com/goodsimg/2014/11/05/08/0110a09053658b079265a553ee20a5779d.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'th:字母撞色毛衣',
-                        'marketPrice' => '698',
-                        'salePrice' => '209'
-                    ),
-                    array(
-                        'img' => 'http://img10.static.yhbimg.com/goodsimg/2014/11/05/08/0110a09053658b079265a553ee20a5779d.jpg?imageMogr2/thumbnail/195x260/extent/195x260/background/d2hpdGU=/position/center/quality/90',
-                        'name' => 'th:字母撞色毛衣',
-                        'marketPrice' => '698',
-                        'salePrice' => '209'
-                    )
-                )
+                'latestWalk' => 6
             )
         );
         $this->_view->display('list', $data);