如何利用javascript或者jquery修改全局变量代码实例
程序员文章站
2022-05-03 08:52:28
...
博客系统的评论遇到一个问题,用户点击“最后一页”链接之后就自动调取最后一页的资料来显示。
将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页,然后再调用载入评论的方法。
发现点击“最后一页”第一次的时候系统没反应,再点击一次就抓去最后一页的资料了!
要说全局变量没改,应该是改了,就仿佛改了页数而载入评论的方法失效了一样。
代码如下:
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"); } } }) }
后来找了一个变通的方法,实现了这个效果。代码如下:
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或者jquery修改全局变量代码实例的详细内容,更多请关注其它相关文章!
推荐阅读
-
javascript(jquery)利用函数修改全局变量的代码_javascript技巧
-
javascript如何为对象添加、修改或者删除属性和方法实例详解
-
javascript(jquery)利用函数修改全局变量的代码_javascript技巧
-
如何利用javascript或者jquery修改全局变量代码实例
-
如何利用javascript或者jquery修改全局变量代码实例
-
如何利用javascript函数添加css样式代码实例详解
-
JavaScript教程之如何更新、插入、修改dom节点实例代码详解
-
JavaScript教程之如何更新、插入、修改dom节点实例代码详解
-
javascript如何为对象添加、修改或者删除属性和方法实例详解
-
如何利用javascript函数添加css样式代码实例详解