栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

AJAX请求帮助下一页/上一页

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

AJAX请求帮助下一页/上一页

尝试这样的事情…保持一个名为的全局变量,

currentPage
然后简单地相应地调整页码。

现场演示
http://jsfiddle.net/Jaybles/MawSB/

的HTML

<input id="next" type="button" value="Next" /><input id="prev" type="button" value="Previous" /> <div id="displayResults" name="displayResults">Current Page: 1</div>

JS

var currentPage=1;loadCurrentPage();$("#next, #prev").click(function(){    currentPage =         ($(this).attr('id')=='next') ? currentPage + 1 : currentPage - 1;    if (currentPage==0) //Check for min        currentPage=1;    else if (currentPage==101) //Check for max        currentPage=100;    else        loadCurrentPage();});function loadCurrentPage(){    $('input').attr('disabled','disabled'); //disable buttons    //show loading image    $('#displayResults').html('<img src="http://blog-well.com/wp-content/uploads/2007/06/indicator-big-2.gif" />');    $.ajax({        url: '/echo/html/',        data: 'html=Current Page: ' + currentPage+'&delay=1',        type: 'POST',        success: function (data) { $('input').attr('disabled',''); //re-enable buttons $('#displayResults').html(data); //Update Div        }    });}

然后,您的php页面可以相应地访问

$_REQUEST['page'];
和返回数据。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/418142.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号