繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript(jquery)利用函数修改全局变量的代码
- Javascript
- jQuery代码:jQuery控制表单里的回车键
- 用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome
- jQuery Flash/MP3/Video多媒体插件
- 9个JavaScript评级/投票插件
- JS实现的radio图片选择按钮效果
- IE中checkbox在刷新后初始化的问题
- JavaScript 学习笔记（十一）
- JS 对象介绍
- javascript 哈希表(hashtable)的简单实现
- jquery 防止表单重复提交代码
- js parsefloat parseint 转换函数
- javascript parseInt与Number函数的区别
- JavaScript 学习笔记（十二） dom
- JavaScript 学习笔记（十三）Dom创建表格
- javascript 实现自由落体的方块效果
- javascript 获取url参数和script标签中获取url参数函数代码
- JAVASCRIPT style 中visibility和display之间的区别
- javascript 拖放效果实现代码
- jquery last-child 列表最后一项的样式
- Jquery实战_读书笔记1—选择jQuery
Javascript 中的 javascript(jquery)利用函数修改全局变量的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 263 ::
收藏到网摘: 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
