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 相关文章推荐
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
Jul 02 Javascript
微信小程序tabBar底部导航中文注解api详解
Aug 16 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
Dec 04 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
Jul 22 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
js实现简单的随机点名器
Sep 17 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中print(),print_r(),echo()的区别详解
2014/12/01 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
jQuery on()绑定动态元素出现的问题小结
2016/02/19 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
jquery仿京东侧边栏导航效果
2017/03/02 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
Python 字符串定义
2009/09/25 Python
Python调用命令行进度条的方法
2015/05/05 Python
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
Python使用re模块验证危险字符
2020/05/21 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
水果超市创业计划书
2014/01/27 职场文书
新年主持词
2014/03/27 职场文书
体育专业自荐书
2014/05/29 职场文书
高中同学会活动方案
2014/08/14 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
导游词之绍兴柯岩古镇
2020/01/09 职场文书
python 远程执行命令的详细代码
2022/02/15 Python