文档章节

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

宇哥v587
 宇哥v587
发布于 2017/08/21 15:32
字数 149
阅读 14
收藏 1

(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)

© 著作权归作者所有

上一篇: JSON笔记
下一篇: 日常错误小结
宇哥v587
粉丝 1
博文 47
码字总数 20855
作品 0
南京
程序员
私信 提问
html页面不通过后台逻辑直接动态获取js文件

最近有个任务是要在页面上读取服务器上实现预存好的json文本数据,然后通过jqplot在页面上将json数据显示成图表;而且要有查询功能,服务器上的json数据,根据时间顺序分割成一个个的小文件,...

土匪强
2011/10/21
0
0
从零开始学 Web 之 Ajax(七)跨域

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

Daotin
2018/07/23
0
0
编写一个简单的JavaScript模板引擎

本文首发于我的知乎专栏,转发于掘金。若需要用于商业用途,请经本人同意。 尊重每一位认真写文章的前端大佬,文末给出了本人思路的参考文章。 前言 能够访问到这篇文章的同学,初衷是想知道...

凯斯
2018/07/03
0
0
Underscore _.template 方法使用详解

https://github.com/hanzichi/underscore-analysis/issues/26 前文 浅谈 Web 中前后端模板引擎的使用 我们简单了解了模板引擎在前后端的应用场景,本文重点深入 Underscore 的模板函数 _.te...

壹峰
2018/12/19
0
0
Kettle发送邮箱并在正文中以表格形式展示内容[升级版]

在上一篇关于Kettle发送邮件并在正文中以表格形式展示内容的文章中,已经提到Kettle邮箱正文中支持HTML格式,要在邮箱正文中展示表格,那就行拼出HTML,然后扔到邮箱正文中. 方法就是这么简单直接...

夏一
01/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

归并排序

import java.util.Arrays;/** * Created by chengxiao on 2016/12/8. */public class MergeSort { public static void main(String []args){ int []arr = {9,8,7,6,......

暗中观察
31分钟前
0
0
面试爱奇艺,竟然挂在第5轮……

今天给大家分享我曾经在爱奇艺的面试,过程还是比较有意思的,可以给大家一些参考 <br> 聊骚阶段 嗲妹妹:你好,我是爱奇艺的HR,我们正在招聘运维开发岗位,请问您最近有在看工作机会吗? ...

上海小胖
今天
5
0
Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
3
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部