ajax 搜索 分页,Ajax实现搜索功能的分页

本文实例为大家分享了Ajax实现搜索功能的分页，供大家参考，具体内容如下

之前只实现了搜索功能，但是并不能分页2333，所以在上篇的基础上修改实现分页(首页，上一页，下一页，尾页，跳转页面)，脑袋瓜不够用，要记下来记下来

html代码

搜索

//嵌套函数，用来情空最大页数和当前页数

页次：{$pagefunc[1]}/{$pagefunc[4]} 每页22总数{$pagefunc[2]}

首页

上一页

下一页

尾页

跳转

//hidden用来保存最大页和当前页

js代码

//清空最大页和当前页，保证能够多次搜索

function on()

{

$('#pageCurrent').val('');

$('#maxys').val('');

}

//首页

function pageAjaxFirst()

{

$('#pageCurrent').val(1);

searchResult();

}

//尾页

function pageAjaxEnd()

{

var maxys = $('#maxys').val();

$('#pageCurrent').val(maxys);

searchResult();

}

//下一页

function pageAjaxNext()

{

var maxys = $('#maxys').val();

var page = $('#pageCurrent').val();

$('#pageCurrent').val(parseInt(page) +1);

if (page > maxys) {

$('#pageCurrent').val(maxys);

}

searchResult();

}

//上一页

function pageAjaxPrev()

{

var maxys = $('#maxys').val();

var page = $('#pageCurrent').val();

$('#pageCurrent').val(parseInt(page) -1);

if (page < 1) {

$('#pageCurrent').val(1);

}

searchResult();

}

//跳转页面

function tiao ()

{

var maxys = $('#maxys').val();

var now = $('#pageTiao').val();

$('#pageCurrent').val(now);

var page = $('#pageCurrent').val();

if (page < 1) {

$('#pageCurrent').val(1);

}

if (page > maxys) {

$('#pageCurrent').val(maxys);

}

searchResult();

}

function searchResult()

{

var formData = $("#myPost").serialize();

var caption = $("#caption");

var html = '';

$('#pageBar').remove();

$.ajax({

type:"get",

url:"/user/search/do_search",

data:formData,

success:success,

error: fail

});

function fail() {

alert('查询条件有误。')

}

function success(search){

if (search != null) {

var obj = JSON.parse(search);

var content = obj[0];

var nowPage = obj[1];

var total1 = obj[2];

var allPage = obj[4];

$.each(content, function (key, value) {

html += '

' + content[key]['user_id'] + ' '+ content[key]['account'] + '' + '' + content[key]['nickname']+ '' + content[key]['sex'] + '' + content[key]['coin'] + '' + content[key]['tickets'] + '' + content[key]['gem'] + 'VIP' + content[key]['vip_id'] + '' + content[key]['user_type'] + ' ' + content[key]['register_platform'] + ' ' + content[key]['register_date'] + ' '+content[key]['last_login_time']　+ ''+ content[key]['last_login_ip'] + ' '+ content[key]['game_login_times'] +''+ content[key]['prohibit_flag'] + ' ';

});

$('.showTr').remove();

$('.sousuo').remove();

$('.xiaoshi').remove();

$('.show').after(html);

$('#maxys').val(allPage);

$('#pageCurrent').val(nowPage);

} else {

$('.show').after('

没有数据');

}

$('#fenye').css('display','block');

$('#pageAjax').html('页次：'+ nowPage + '/' + allPage +'每页22总数' + total1);

}

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。