javascript(jquery)利用函數修改全局變量的代碼

2019-11-21 01:01:18

字體：大中小

來源：轉載

供稿：網友

我是將當前頁用一個全局變量存儲。同時在“最后一頁”鏈接里單擊方法調用一個函數自動去修改頁數為最后一頁，然后再調用載入評論的方法。
可是我發現點擊“最后一頁”第一次的時候系統沒反應，再點擊一次就抓去最后一頁的資料了！
要說全局變量沒改，應該是改了，就仿佛改了頁數而載入評論的方法失效了一樣。
代碼如下：

復制代碼代碼如下:

 
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"); 
} 
} 
}) 
} 