Heim >Web-Frontend >js-Tutorial >So verwenden Sie Javascript oder JQuery, um Codebeispiele für globale Variablen zu ändern
Bei den Kommentaren im Blogsystem ist ein Problem aufgetreten. Nachdem der Benutzer auf den Link „Letzte Seite“ geklickt hat, werden die Informationen auf der letzten Seite automatisch abgerufen und angezeigt.
Speichern Sie die aktuelle Seite in einer globalen Variablen. Klicken Sie gleichzeitig auf die Methode im Link „Letzte Seite“, um eine Funktion aufzurufen, die die Seitenzahl automatisch auf die letzte Seite ändert, und rufen Sie dann die Methode zum Laden von Kommentaren auf.
Ich habe festgestellt, dass das System nicht reagiert hat, als ich zum ersten Mal auf „Letzte Seite“ geklickt habe, und als ich erneut darauf geklickt habe, wurden die Informationen auf der letzten Seite erfasst!
Um zu sagen, dass sich die globale Variable nicht geändert hat, sollte sie geändert werden, genau wie die Methode zum Laden von Kommentaren fehlschlägt, wenn die Seitenzahl geändert wird.
Der Code lautet wie folgt:
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"); } } }) }
Später habe ich einen Workaround gefunden, um diesen Effekt zu erzielen. Der Code lautet wie folgt:
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"); } } }) }
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript oder JQuery, um Codebeispiele für globale Variablen zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!