javascript(jquery)利用函数修改全局变量的代码
javascript(jquery)利用函数修改全局变量的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:我是将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页,然后再调用载入评论的方法。可是我发现点...

我是将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页,然后再调用载入评论的方法。

可是我发现点击“最后一页”第一次的时候系统没反应,再点击一次就抓去最后一页的资料了!

要说全局变量没改,应该是改了,就仿佛改了页数而载入评论的方法失效了一样。

代码如下:

复制代码 代码如下:

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教程学习
热门Javascript教程学习
编程开发子分类