JS利用函數(shù)修改全局變量
現(xiàn)在博客系統(tǒng)的評(píng)論遇到一個(gè)問題，用戶點(diǎn)擊“最后一頁(yè)”鏈接之后就自動(dòng)調(diào)取最后一頁(yè)的資料來顯示。
我是將當(dāng)前頁(yè)用一個(gè)全局變量存儲(chǔ)。同時(shí)在“最后一頁(yè)”鏈接里單擊方法調(diào)用一個(gè)函數(shù)自動(dòng)去修改頁(yè)數(shù)為最后一頁(yè)，然后再調(diào)用載入評(píng)論的方法。
可是我發(fā)現(xiàn)點(diǎn)擊“最后一頁(yè)”第一次的時(shí)候系統(tǒng)沒反應(yīng)，再點(diǎn)擊一次就抓去最后一頁(yè)的資料了！
要說全局變量沒改，應(yīng)該是改了，就仿佛改了頁(yè)數(shù)而載入評(píng)論的方法失效了一樣。
代碼如下：
var page = 1; //初始化頁(yè)數(shù)為第一頁(yè)
var str = "";
$(document).ready(function() {
lostguest(); //載入評(píng)論的方法
$("a#first").click(function() {
page = 1;
lostguest();
});
$("a#last").click(function() {
if (page > 1) {
--page;
lostguest();
}
else {
page = 1;
alert("已經(jīng)是第一頁(yè)了！")
}
})
$("a#next").click(function() {
if (page < pagecount) {
++page;
lostguest();
}
else {
alert("已經(jīng)是最后一頁(yè)了！");
}
})
$("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('獲取系統(tǒng)日志記錄數(shù)失敗');
},
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('獲取系統(tǒng)日志失敗');
},
success: function(msg) {
$("#guest").empty();
if (msg != "0") {
var data = msg.log;
str = "";
$.each(data, function(i, n) {
str += "<p id='xuhao'>序號(hào)：" + n.序號(hào) + "發(fā)表日期" + n.日期 + "用戶名：" + n.操作員 + "</p>";
str += "<p id='content'>內(nèi)容：" + n.事件 + "</p>";
});
$("#guest").append(str);
$("#loading").hide();
}
else {
alert("0");
}
}
})
}
也不知道是怎么回事？各位高手能否解釋一下？？
PS：后來找了一個(gè)變通的方法，實(shí)現(xiàn)了這個(gè)效果。代碼如下：
var page = 1;
var str = "";
var pagecount; //存儲(chǔ)總頁(yè)數(shù)
$(document).ready(function() {
getpagecount(); //獲取總頁(yè)數(shù)的方法
lostguest();
$("a#first").click(function() {
page = 1;
lostguest();
});
$("a#last").click(function() {
if (page > 1) {
--page;
lostguest();
}
else {
page = 1;
alert("已經(jīng)是第一頁(yè)了！")
}
})
$("a#next").click(function() {
if (page < pagecount) {
++page;
lostguest();
}
else {
alert("已經(jīng)是最后一頁(yè)了！");
}
})
$("a#all").click(function() {
page = pagecount; //更新當(dāng)前頁(yè)數(shù)為總頁(yè)數(shù)
lostguest();
});
})
var getpagecount = function() {
var type = "GetPageCount";
$.ajax({
url: 'GetCount.ashx?type=' + type,
type: "GET",
dataType: 'text',
beforeSend: function() {
},
error: function() {
alert('獲取系統(tǒng)日志記錄數(shù)失敗');
},
success: function(count) {
pagecount = Number(count); //讀取總頁(yè)數(shù)
}
})
}
var lostguest = function() {
$.ajax({
url: 'SqlHelper.ashx?page=' + page,
type: "GET",
dataType: 'json',
beforeSend: function() {
$("#loading").show();
},
error: function() {
alert('獲取系統(tǒng)日志失敗');
},
success: function(msg) {
$("#guest").empty();
if (msg != "0") {
var data = msg.log;
str = "";
$.each(data, function(i, n) {
str += "<p id='xuhao'>序號(hào)：" + n.序號(hào) + "發(fā)表日期" + n.日期 + "用戶名：" + n.操作員 + "</p>";
str += "<p id='content'>內(nèi)容：" + n.事件 + "</p>";
});
$("#guest").append(str);
$("#loading").hide();
}
else {
alert("0");
}
}
})
}
第一個(gè)代碼的問題各位高手能否解釋一下？？謝謝！
---------------------
代碼無錯(cuò)未必優(yōu)，所以重構(gòu)是種美德！
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇
