根据后台接口获取动态数据，使用JS拼接html

(function($){
    var line = function(){
        return {
            defaultOption : {
                banner : ' <div class="swiper-slide">'+
                            '<a href="javascript:;"><img src="{0}"/></a>'+
                         '</div>'
            },
            
            init : function () {
                
                line.getBanner();
                // 初始化点击事件
                line.btn_click();
            },
            /**
             * 点击事件
             */
            btn_click : function () {
                
            },
            /**
             * 获取轮播图
             */
            getBanner : function () {
                var map = {
                        storeId : 2,
                        bannerGroup : 1,
                        sourceType : 0
                };
                commonAjax.ajaxSubmit("../banner/getBanner.do","POST",map,function(result){
                    if(result.resCode == '0'){
                        var list = result.resData;
                        var html = '';
                        for (var i = 0; i < list.length; i++) {
                            html += line.defaultOption.banner.replace("{0}",list[i].img);
                            
                        }
                        $('#bannerList').html(html);//html() 方法返回或设置被选元素的内容 (inner HTML)。
                        
                        var mySwiper = new Swiper('.swiper-container',{
                            autoplay : 4000,//可选选项，自动滑动
                            loop : true,//可选选项，开启循环
                            pagination:".pagination"
                        });
                    }else {
                        errMsg.showError(result.errCode);
                    }
                    
                    
                });
            }
        }
    }();
    window.line = line;
})(jQuery)

转载于:https://my.oschina.net/u/3387637/blog/1518063