javascript 实现页面的定时器,局部刷新
2013-07-26 15:34
453 查看
//定义定时器 timer
var timer;
//开启定时器
timer=window.setInterval("ajaxGetPoint()",10000);
function ajaxGetPoint(){
$.ajax( {
cache : false,//不缓存
type : 'POST',
async : false,//同步请求
url : "appoint",
data : {
operation : "1"
},
success : function(data) {
BASEDATA = getToObject(data);
searchClass.setData(BASEDATA);
var dd = searchClass.search({k:"title",d:"工作地点",t:"more",s:""});//t:{single|more},s{all|!all}
addMarker(dd);
},
error : function(x, y, z) {
alert(x+"|"+y+"|"+z);
//清除定时器
window.clearInterval(timer);
},
complete : function(){
},
dataType : 'json'
});
function getToObject(data){
var list = new Array();
for(var i=0;i<data.length;i++){
var d = data[i];
var k={
title:"工作地点",
content:"员工id:"+d.staffId+",员工姓名:"+d.staffName+",开锁地点:"+d.address+",客户姓名:"+d.clientName+",锁具类型:"+d.keyName+",开锁时间:"+d.createTime,
point:d.x+"|"+d.y,
isOpen:1,
icon:{w:21,h:21,l:115,t:46,x:1,lb:10},
staffId:d.staffId
};
list[i]=k;
}
return list;
}
}
var timer;
//开启定时器
timer=window.setInterval("ajaxGetPoint()",10000);
function ajaxGetPoint(){
$.ajax( {
cache : false,//不缓存
type : 'POST',
async : false,//同步请求
url : "appoint",
data : {
operation : "1"
},
success : function(data) {
BASEDATA = getToObject(data);
searchClass.setData(BASEDATA);
var dd = searchClass.search({k:"title",d:"工作地点",t:"more",s:""});//t:{single|more},s{all|!all}
addMarker(dd);
},
error : function(x, y, z) {
alert(x+"|"+y+"|"+z);
//清除定时器
window.clearInterval(timer);
},
complete : function(){
},
dataType : 'json'
});
function getToObject(data){
var list = new Array();
for(var i=0;i<data.length;i++){
var d = data[i];
var k={
title:"工作地点",
content:"员工id:"+d.staffId+",员工姓名:"+d.staffName+",开锁地点:"+d.address+",客户姓名:"+d.clientName+",锁具类型:"+d.keyName+",开锁时间:"+d.createTime,
point:d.x+"|"+d.y,
isOpen:1,
icon:{w:21,h:21,l:115,t:46,x:1,lb:10},
staffId:d.staffId
};
list[i]=k;
}
return list;
}
}
相关文章推荐
- javascript 实现页面局部刷新
- javascript中定时器,主要用来实现局部刷新技术,或者定时调用某方法
- JavaScript实现页面定时刷新(定时器,meta)
- 利用ajax实现页面的局部刷新
- 用javascript实现页面无刷新更新数据
- Javascript实现局部刷新
- asp.net实现页面局部自动刷新
- javascript实现firefox和IE都支持的页面局部打印
- Javascript实现返回上一页面并刷新
- 在ASP.NET MVC中使用Jquery实现页面局部刷新
- jquery刷新页面的实现代码(局部及全页面刷新)
- javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
- jQuery ajax - load() 和setInterval()方法实现页面局部刷新
- 通过page页面与portlet的结合实现报表的局部刷新
- jquery实现页面局部刷新
- Ajax+php数据交互并且局部刷新页面的实现详解
- 利用ajax实现与php数据交互,并局部刷新页面
- jquery刷新页面的实现代码(局部及全页面刷新)
- jQuery实现AJAX定时刷新局部页面
- javascript脚本轻松实现局部刷新