繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript(jquery)利用函数修改全局变量的代码
- Javascript
- jQuery开发者都需要知道的5个小技巧
- Extjs学习笔记之六 面版
- Javascript 中的类和闭包
- IE6下JS动态设置图片src地址问题
- Extjs学习笔记之七 布局
- Extjs学习笔记之八 继承和事件基础
- Extjs TriggerField在弹出窗口显示不出问题的解决方法
- JavaScript中的集合及效率
- 利用js获取服务器时间的两个简单方法
- 在html页面上拖放移动标签
- 了解jQuery技巧来提高你的代码
- JavaScript 页面坐标相关知识整理
- Javascript UrlDecode函数代码
- JQuery 遮罩层实现(mask)实现代码
- jQuery 页面 Mask实现代码
- Javascript的构造函数和constructor属性
- js或css文件后面跟参数的原因说明
- 将CKfinder整合进CKEditor3.0的新方法
- jQuery UI-Draggable 参数集合
- jQuery 行级解析读取XML文件（附源码）
Javascript 中的 javascript(jquery)利用函数修改全局变量的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 156 ::
收藏到网摘: n/a
现在博客系统的评论遇到一个问题，用户点击“最后一页”链接之后就自动调取最后一页的资料来显示。 我是将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页，然后再调用载入评论的方法。
可是我发现点击“最后一页”第一次的时候系统没反应，再点击一次就抓去最后一页的资料了！
要说全局变量没改，应该是改了，就仿佛改了页数而载入评论的方法失效了一样。
代码如下：
复制代码 代码如下:
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");
}
}
})
}
第一个代码的问题各位高手能否解释一下？？谢谢！
评论 (0) All
