ajax 点击下一页,AJAX请求帮助下一页/上一页

小编典典

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

的HTML

Current Page: 1

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('');

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

2020-07-26