码迷,mamicode.com
首页 > 其他好文 > 详细

同一个接口里的数据,多处用小方法

时间:2018-07-27 01:16:19      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:页面   func   错误   +=   oca   image   多次   一个   option   

1、有时获取一个后台接口,页面展示会多处用到,不用多次调用同一个接口,可以调用一次,把页面调用这个接口的数据,一下全展示出来;

如例:

$("#bootServerList"), $("#designateServerList")两处都要用,可以仿照使用
apiGet(url,function (data) {
        if(data.status==0){
            var html = ‘<ul class="bootServerList">‘
            var options = ""
            data.content.forEach(function (data) {
                html += ‘<li onclick="getGroupList(this,\‘‘+data.uuid+‘\‘)">‘ +
                    ‘<div class="title">‘+
                    ‘<img src="images/sanjaio.png">‘+
                    ‘<img src="images/server0.png">‘+
                    ‘<span>‘+data.name+‘</span>‘+
                    ‘<span>(</span>‘+
                    ‘<span id="onlineComputer">100</span>‘+
                    ‘<span>/</span>‘+
                    ‘<span id="sumComputer">1000</span>‘+
                    ‘<span>)</span>‘+
                    ‘</div>‘ +
                    ‘<div id="‘+data.uuid+‘"></div>‘ +
                    ‘</li>‘;
                options += ‘<option value="‘+data.uuid+‘">‘+data.name+‘</option>‘
            })
            html += ‘</ul>‘;
            $("#bootServerList").html("").html(html)
            $("#designateServerList").html("").html(options)
            // console.log(url+‘getBootServerList?token=‘+localStorage.getItem("token"),100)
        }else{
            console.log("错误");
        }

 

同一个接口里的数据,多处用小方法

标签:页面   func   错误   +=   oca   image   多次   一个   option   

原文地址:https://www.cnblogs.com/chaojimali/p/9375147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!