javascript(jquery)利用函数修改全局变量的代码


Posted in Javascript onNovember 02, 2009

我是将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页,然后再调用载入评论的方法。
可是我发现点击“最后一页”第一次的时候系统没反应,再点击一次就抓去最后一页的资料了!
要说全局变量没改,应该是改了,就仿佛改了页数而载入评论的方法失效了一样。
代码如下:

var page = 1; //初始化页数为第一页 
var str = ""; 
$(document).ready(function() { 
lostguest(); //载入评论的方法 
$("a#first").click(function() { 
page = 1; 
lostguest(); 
}); 
$("a#last").click(function() { 
if (page > 1) { 
--page; 
lostguest(); 
} 
else { 
page = 1; 
alert("已经是第一页了!") 
} 
}) 
$("a#next").click(function() { 
if (page < pagecount) { 
++page; 
lostguest(); 
} 
else { 
alert("已经是最后一页了!"); 
} 
}) 
$("a#all").click(function() { 
getpagecount(); 
lostguest(); 
}); 
}) 
var getpagecount = function() { 
var type = "GetPageCount"; 
$.ajax({ 
url: 'GetCount.ashx?type=' + type, 
type: "GET", 
dataType: 'text', 
beforeSend: function() { 
}, 
error: function() { 
alert('获取系统日志记录数失败'); 
}, 
success: function(count) { 
pages = Number(count); 
} 
}) 
} 
var lostguest = function() { 
$.ajax({ 
url: 'SqlHelper.ashx?page=' + page, 
type: "GET", 
dataType: 'json', 
beforeSend: function() { 
$("#loading").show(); 
}, 
error: function() { 
alert('获取系统日志失败'); 
}, 
success: function(msg) { 
$("#guest").empty(); 
if (msg != "0") { 
var data = msg.log; 
str = ""; 
$.each(data, function(i, n) { 
str += "<p id='xuhao'>序号:" + n.序号 + "发表日期" + n.日期 + "用户名:" + n.操作员 + "</p>"; 
str += "<p id='content'>内容:" + n.事件 + "</p>"; 
}); 
$("#guest").append(str); 
$("#loading").hide(); 
} 
else { 
alert("0"); 
} 
} 
}) 
}

也不知道是怎么回事?各位高手能否解释一下??
PS:后来找了一个变通的方法,实现了这个效果。代码如下:
var page = 1; 
var str = ""; 
var pagecount; //存储总页数 
$(document).ready(function() { 
getpagecount(); //获取总页数的方法 
lostguest(); 
$("a#first").click(function() { 
page = 1; 
lostguest(); 
}); 
$("a#last").click(function() { 
if (page > 1) { 
--page; 
lostguest(); 
} 
else { 
page = 1; 
alert("已经是第一页了!") 
} 
}) 
$("a#next").click(function() { 
if (page < pagecount) { 
++page; 
lostguest(); 
} 
else { 
alert("已经是最后一页了!"); 
} 
}) 
$("a#all").click(function() { 
page = pagecount; //更新当前页数为总页数 
lostguest(); 
}); 
}) 
var getpagecount = function() { 
var type = "GetPageCount"; 
$.ajax({ 
url: 'GetCount.ashx?type=' + type, 
type: "GET", 
dataType: 'text', 
beforeSend: function() { 
}, 
error: function() { 
alert('获取系统日志记录数失败'); 
}, 
success: function(count) { 
pagecount = Number(count); //读取总页数 
} 
}) 
} 
var lostguest = function() { 
$.ajax({ 
url: 'SqlHelper.ashx?page=' + page, 
type: "GET", 
dataType: 'json', 
beforeSend: function() { 
$("#loading").show(); 
}, 
error: function() { 
alert('获取系统日志失败'); 
}, 
success: function(msg) { 
$("#guest").empty(); 
if (msg != "0") { 
var data = msg.log; 
str = ""; 
$.each(data, function(i, n) { 
str += "<p id='xuhao'>序号:" + n.序号 + "发表日期" + n.日期 + "用户名:" + n.操作员 + "</p>"; 
str += "<p id='content'>内容:" + n.事件 + "</p>"; 
}); 
$("#guest").append(str); 
$("#loading").hide(); 
} 
else { 
alert("0"); 
} 
} 
}) 
}

第一个代码的问题各位高手能否解释一下??谢谢!
Javascript 相关文章推荐
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
Mar 09 Javascript
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
JavaScript学习历程和心得小结
Aug 16 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
angular2+node.js express打包部署的实战
Jul 27 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 Javascript
如何HttpServletRequest文件对象并储存
Aug 14 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 #Javascript
JS OOP包机制,类创建的方法定义
Nov 02 #Javascript
JQuery 网站换肤功能实现代码
Nov 02 #Javascript
Javascript结合css实现网页换肤功能
Nov 02 #Javascript
cnblogs csdn 代码运行框实现代码
Nov 02 #Javascript
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 #Javascript
js 函数的执行环境和作用域链的深入解析
Nov 01 #Javascript
You might like
PHP 输出缓存详解
2009/06/20 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
windows系统php环境安装swoole具体步骤
2021/03/04 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
javascript基础知识分享之类与函数化
2016/02/13 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
2016/04/16 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
详解python中的装饰器
2018/07/10 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
python的help函数如何使用
2020/06/11 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
英国汽车和货车租赁网站:Hertz英国
2016/09/02 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
linux系统都有哪些运行级别
2016/03/26 面试题
西门豹教学反思
2014/02/04 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书