您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

尝试这样的事情…保持一个名为的全局变量currentPage然后简单地相应地调整页码

http://jsfiddle.net/Jaybles/MawSB/

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

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'];和返回数据。

其他 2022/1/1 18:22:36 有450人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶