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

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("错误");
        }

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

时间: 2024-10-04 02:15:26

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

获取同一个页面里的数据

获取同一个页面里某数据之属性法 html代码: <a id=<s:property value="id" /> onlinearea="<s:property value="online_area" />" notlinearea="<s:property value="notline_area" />" onclick="updatep(this)&qu

批量插入数据, 将DataTable里的数据批量写入数据库的方法

大量数据导入操作, 也就是直接将DataTable里的内容写入到数据库 通用方法: 拼接Insert语句, 好土鳖 1. MS Sql Server:   使用SqlBulkCopy 2. MySql: adapter.update()批量更新 MySqlBulkLoader, 这个是从文件里边到的, 有个实现是先将DATATable编程CSV文件, 在用MySqlBulkLoader导入MySql 参考文章: http://theonetechnologies.com/outsourcing/

同一个事务里 查询 已删除但是未提交的数据[bug记录]

前几天犯了个低级错误,在一个事务方法里老是查询不到某条记录,但是debug卡住时,用db工具查,又能查出值. 经过一番折腾,原来是我在同一个事务里 查询 了已删除但是未提交的数据,当然查询不到了!!! 情况是这样的: Service层(spring事务管理配置在这一层,此方法配了PROPAGATION_REQUIRED)有个方法function m()写得很长, 其中有2步是 1. delete from B where objectid ='TestB' 2. select * from A

二级联动:map,for循环一级数据,调用接口获取对象数据依次放到数组里(解决由于后端java是多线程,接收到的数据放入(push)数组中有可能会顺序不对)

解决方法:遍历一级数据时先push一个新的对象,调用接口获取到数据之后splice方法通过index的值判断放入到数组的对应下标下 this.tableData一级数据:  this.relationMaterialNameList二级数据: this.tableData.map((item,index)=>{ this.relationMaterialNameList.push({}) // 编辑页面项目下拉框数据 this.getSpecificationList(item.reimburs

Jquery Mobile实例--利用优酷JSON接口读取视频数据

本文将介绍,如何利用JqueryMobile调用优酷API JSON接口显示视频数据. (1)注册用户接口. 首页,到 http://open.youku.com 注册一个账户,并通过验证.然后找到API接口 (http://open.youku.com/docs/tech_doc.html) 可以看到优酷提供不少API,本文将演示“通过视频关键词”接口. 点击进去后,会发现client_id和keyword是必填的,因此,未来构造的URL应该类似 https://openapi.youku.c

android 多个notifycation向同一个Actiivity传递不同数据

如果你有这方面的需求,那你实践的时候可能会发现,多个Notifycation点击的时候会传递相同的数据. 通常情况下我们可能这样写. Notification notification = new Notification(R.drawable.ic_launcher_9, name , System.currentTimeMillis()); Intent intent = new Intent(mContext , ThemeInfo.class); Bundle bundle = new

运用反射原理的简单工厂模式和运用反射原理从数据库里读出数据直接封装到实体集合里

一:简单工厂 最初学习的一个运用简单工厂的例子是做一个计算器: 首先是接口 public interface Cal { public double Calcu(double num1,double num2); } 然后是加减乘除类实现计算接口: public class Add implements Cal{ @Override public double Calcu(double num1, double num2) { return num1+num2; } } 再写一个工厂类,里面有一

Spring中控制实现同一个接口的实现类在List中调用的顺序

由于在更新Redis缓存的时候,每个service都实现了基本的RedisCacheUpdate接口里面的update函数,在定时任务里面,采用List<RedisCacheUpdate>的方式批量调用update,但是service之间也有缓存依赖,比如service B依赖service A的缓存,这样,如果B先update那么就会取不到缓存数据而每次在数据库中取,很浪费时间,所以需要控制A , B 在List中被注入的顺序,那么问题来,来了,该怎么控制他们的调用顺序呢? Spring早就

接口里可以有变量么?

浅谈为什么Java接口中不允许定义变量? 它们是公共的,静态的,最终的常量.相当于全局常量.抽象类是不“完全”的类,相当于是接口和具体类的一个中间层.即满足接口的抽象,也满足具体的实现. 如果接口可以定义变量,但是接口中的方法又都是抽象的,在接口中无法通过行为来修改属性.有的人会说了,没有关系,可以通过实现接口的对象的行为来修改接口中的属性.这当然没有问题,但是考虑这样的情况.如果接口 A 中有一个public 访问权限的静态变量 a.按照 Java 的语义,我们可以不通过实现接口的对象来访问变