ajax循环输出,Ajax轮询 select循环输出

弹出层

.del{color:red}

.addname{color:#337ab7}

款项名目操作

{$vo.name} 删除 添加...

$(".addname").on("click",function(){

layer.prompt({title: '添加款项名目', formType: 0}, function(text, index){

layer.close(index);

$.post("{:U('Contracts/setmoneyname')}",{"name":text},function(json){

layer.close(index);

if(json.status = 1){

layer.msg('您成功添加了款项名目:'+ text );

window.location.reload();

}else{

layer.msg(json.info);

}

});

});

});

function del(id){

$option = $(this).parents('.option');

var index = layer.load(1, {

shade: [0.1,'#fff'] //0.1透明度的白色背景

});

$.post("{:U('Contracts/delmoneyname')}",{"id":id},function(json){

layer.close(index);

if(json.status = 1){

layer.msg('您成功删除了款项名目' );

$option.remove();

window.location.reload(); //刷新窗口

}else{

layer.msg(json.info);

}

});

}

//表单提交

_close = parent.layer.getFrameIndex(window.name)

//关闭iframe

$("#frameclose").on('click',function(){

parent.layer.close(_close);

});

$("[name='is_public']").on('change',function(){

$is_public = $(this).val();

if($is_public == 1 || $is_public == 2){

$("[name='customer_id']").parent().parent().slideUp();

}else{

$("[name='customer_id']").parent().parent().slideDown();

}

});

父页面轮询输出

$("body").on("change",".addname",function(){

if($("option:selected",this).val()== 1000){

layer.open({

type: 2,

title: '编辑款项名目',

skin: 'layui-layer-rim', //加上边框

area: ['30%', '70%'], //宽高

content: '{:U("Contracts/setmoneyname")}'

});

}

});

$(window).on('load', function () {

window.setInterval(function(){$.ajax({ //5秒刷新一次

type: "POST",

url: '/index.php?m=User&c=Contracts&a=moneylist',

success: function(data){

var rest = data.info;

var string = '';

$addname = $("body").find(".addname");

for (var i = 0; i < rest.length; i++) {

var oname = rest[i].name;

var oid = rest[i].id;

string +=""+oname+""; //循环每一条

}

string +="编辑款项名目..."; //将循环的每条加在上一条后面

$addname.each(function(){

$addname.html(string); //输出所有option 不好的地方是每次刷新,如果选中了就会被刷新掉selected

});

}

})},5000);

});

/*

$(window).on('load', function () {

$("body").find(".addname").each(function(){

var nameid = $(".addname").find("option:selected").val();

alert(nameid);

window.setInterval(function(){$.ajax({

type: "POST",

url: '/index.php?m=User&c=Contracts&a=moneylist',

success: function(data){

var rest = data.info;

var string = '';

$addname = $("body").find(".addname");

for (var i = 0; i < rest.length; i++) {

var oname = rest[i].name;

var oid = rest[i].id;

string +=""+oname+"";

}

string +="编辑款项名目...";

$addname.each(function(){

$addname.html(string);

$addname.find("option[value='"+nameid+"']").attr("selected","selected");

});

}

})},5000);

});

});*/

ajax轮询与长轮询

刚刚网了关于轮询的知识,必须拿到自己这里来做个备份了! 其实以前用ajax轮询做个及时数据更新的,只是当时做了不知道那个就是轮询. 首先我们什么时候会想到用轮询技术呢? 一般而言,最多的是及时信息 ...

Ajax轮询——&OpenCurlyDoubleQuote;定时的通过Ajax查询服务端”

Ajax轮询——"定时的通过Ajax查询服务端". 概念: 轮询(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. 百闻 ...

Ajax轮询——定时的通过Ajax查询服务端

概念:轮询(polling):客户端按规定时间定时向服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. test.html     //前端代码

【Javascript】解决Ajax轮询造成的线程阻塞问题(过渡方案)

一.背景 开发Web平台时,经常会需要定时向服务器轮询获取数据状态,并且通常不仅只开一个轮询,而是根据业务需要会产生数个轮询.这种情况下,性能低下的Ajax长轮询已经不能满足需求,频繁的访问还会造成线 ...

WebSocket原理及与http1&period;0&sol;1&period;1 long poll和 ajax轮询的区别【转自知乎】

一.WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)首先HTTP有1.1和1.0之说,也就是所谓的ke ...

ajax轮询实时获取数据

最近做一个评论功能时,想要实现实时异步刷新评论功能,于是使用了ajax轮询,这里简单记录一下ajax轮询的原理及使用方法. ajax轮询的原理就是客户端定时向服务端发送ajax请求,服务器接到请求后马 ...

WebSocket和long poll、ajax轮询的区别,ws协议测试

WebSocket和long poll.ajax轮询的区别,ws协议测试 WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连 ...

long poll、ajax轮询和WebSocket

websocket 的认识深刻有木有.所以转到我博客里,分享一下.比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享.废话这么多了,最后再赞一个~ WebSocket是出的东西(协 ...

浅谈Websocket、Ajax轮询和长连接(long pull)

最近看到了一些介绍Websocket的文章,觉得挺有用,所以在这里将自己的对其三者的理解记录一下. 1.什么是Websocket Websocket是HTML5中提出的新的协议,注意,这里是协议,可以 ...

随机推荐

VMware创建Linux虚拟机并安装CentOS&lpar;三&rpar;

选择“创建自定义布局”手动给Linux指定系统分区.交换分区,鼠标单击“下一步”按钮继续. 首先创建交Swap分区,鼠标单击“创建”按钮,在弹出的“生成存储”对话框中,生成分区选择“标准分区”:鼠标单 ...

将 VMware 最小化到系统托盘

1, 下载 Trayconizer官网地址: http://www.whitsoftdev.com/trayconizer/下载地址: http://www.whitsoftdev.com/files ...

CentOS 6&period;5下Redis安装详细步骤

Redis简介: Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.从2010年3月15日起,Redis的开发工 ...

hibernate查询显示参数

log4j.property改为如下 ### direct log messages to stdout ###          log4j.appender.stdout=org.apache.l ...

linux下curl编程

LibCurl是免费的客户端URL传输库,支持FTP,FTPS, HTTP, HTTPS, SCP, SFTP, TFTP, TELNET, DICT, FILE ,LDAP等协议,其主页是http: ...

如果不能显示真正的考验个别车型toast问题解决

当真正的考验个别车型toast不显示信息,找到两个解决方式.不知还有什么其他有效方法.期待大神们的分享!.! 1.手动方案:设置-->应用软件管理-->相应APP-->勾选显示通知框 ...

Redis学习笔记(二)-key相关命令【转载】

转自 Redis学习笔记(二)-key相关命令 - 点解 - 博客园http://www.cnblogs.com/leny/p/5638764.html Redis支持的各种数据类型包括string, ...

zoj2277 The Gate to Freedom

传送门 题目大意,对n,                求n^n的最左边一位数的大小: ...

ADS1&period;2中RO base与RW base

ARM映像文件 ARM中的各种源文件(包括汇编文件,C语言程序及C++程序等)经过ARM编译器编译后生成ELF(Executable and linking format)格式的目标文件.这些目标文件 ...

Javascript Base64加密解密代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值