详细说明了ajax实现分页的方法

详细说明了ajax实现分页的方法
本文阐述了实现分页的PHP+jQuery + ajax.share你供你参考方法,如下:

为了锻炼jQuery,决定做动手页面。

最终结果如下:

点击一封信后,信的所有内容都显示在下面。

分页显示每页15字,每20组网页,1-20 / 20-40 ~ ~ ~ ~
第一个是PHP文件中分页寻呼机的相关代码。
公共功能searchwordsbyinitial()
从ajax页面获得的参数用户单击这些字母并单击
初始= htmlentities(美元美元_post { 'initial},ent_quotes,UTF-8);
$页= htmlentities($ _post {页},ent_quotes,UTF-8);
合的话=美元-> _createwordobj();
$ i = 0;显示从1开始的序列号
perpagenum美元= 12; / /每页显示数12
currentpagefirst美元=($ page-1)* $ perpagenum + 1;
currentpagelast美元=美元* $ perpagenum页;
要获得的记录总数。
sumnum = 0美元;
foreach(合字{初始}美元美元美元关键= >字){
sumnum美元+ +;
}
获取页面的总页数
pagenums = 0美元;
如果($ sumnum){
如果(sumnum美元美元perpagenum){ $ pagenums = 1;} / /如果总数据量小于PageSize美元,那么只有一页
If ($sumNum%$perPageNum) {/ / the total amount of data from the remainder divided by the page number
pagenums美元=(int)(sumnum美元/美元perpagenum)+ 1; / /如果余数等于除以数据页每页结果加上舍入数总金额
其他{ }
pagenums美元=美元sumnum / / / perpagenum美元;如果没有余数,等于除以数据页每页结果数总金额
}
}
别的{
pagenums = 0美元;
}
寻呼机显示
echo $这-> init_searchwordsbyinitial_pager(sumnum美元,pagenums美元,$页);
tab_str美元。=<表......下面是页面…的具体内容
返回的tab_str;
}
公共功能init_searchwordsbyinitial_pager(sumnum美元,pagenums美元,$页)
{
根据用户 / /点击数,得到当前页面组主页的代码,如38用户点击,所以这是一组21-40,网页代码是21
current_first_page美元=地板((($ page-1) / 20)* 20 + 1;
tab_str美元= ;
对于($ = 0;$ k = 19;k + +)
{
J = $ K + current_first_page美元;
tab_str美元。= 。$ J.;
}
tab_str美元。=总sumnum美元。说,pagenums美元。页;
返回的tab_str;
}

init.js相关的jQuery代码响应用户操作
初始化分页分页器
无功pagenums; / /总页数
无功sumnums; / /总记录数
功能init_searchwordsbyinitial_pager(){
pagenums = $(# pagenums)。Html(); / / JS从HTML页面
sumnums = $(# sumnums )Html();
如果(pagenums = = 1) / /如果只有一页,隐藏的传呼机
{
$(# searchwordsbyinitial_pager)。Html();
}
让数字默认值是1,默认显示是第一页;
如果(page_initial = = undefined){ page_initial = 1;}
当页面太多时,我们只显示一组20页,返回下一个按钮,单击可以显示在20页后面;同样,最后一个按钮可以在前面显示20个按钮。
$(# searchwordsbyinitial_pager UL按钮:情商(19))。后(下);
$(# searchwordsbyinitial_pager UL按钮:情商(0)),(上);
/ /如果少于21页最后一组,然后隐藏最后一页的背后,包括下一步按钮pagenums<21 } {
如果用户单击该页是最后一个20页,则它可能隐藏在最后一页之后,包括下一个按钮{偏移量< 20 }
(由于单击将触发初始化函数初始化函数,实际上只能调用绑定,可以单击事件,不与Ajax操作绑定在一起)。
VAR的偏移;
偏移量=(math.ceil(pagenums / 20)* 20)- parseInt(page_initial);
如果(pagenums<21 | |偏移量<20)
{
$(# searchwordsbyinitial_pager UL按钮)。Slice((pagenums % 20)+ 1)隐藏();
}
如果正好是20页,根据一段代码,偏移量=19=20将隐藏整个寻呼机;需要显示它。
如果(search_pagenums = = 20)
{
$(# searchwords_pager UL按钮。not_more_btn )显示();
}
第一个页面如果当前组为1,则隐藏最后一个按钮;否则,最后一个按钮允许用户单击转到组。
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。情商(0)。Html()= = 1)
{
$(# searchwordsbyinitial_pager UL按钮:情商(0))藏();
}
其他的
{
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();
}
}
单击Next按钮。
$(# more_forward)。活(单击
只要后面有一个页面,就有最后一个按钮。
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();
/ /让每一页从20开始,如1-20 21-40
对于(i = 0;i < 20;i + +){
$(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我)。Html(parseInt($ # searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(按钮。not_more_btn)(())())。
隐藏在最后一页按钮后面
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我),Html()= = pagenums)
{
$(# searchwordsbyinitial_pager UL按钮)。片(I + 2)隐藏();
}
}
})
单击最后一个按钮。
$(# more_backword)。活(单击
首先让我们显示 20个按钮。
$(# searchwordsbyinitial_pager UL按钮),表明();
对于(i = 0;i < 20;i + +){
$(# searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(我)。Html(parseInt($ # searchwordsbyinitial_pager UL按钮。not_more_btn)。Eq(按钮。not_more_btn)(())())。
}
判断是否隐藏最后一个按钮
如果($(# searchwordsbyinitial_pager UL按钮。not_more_btn)。情商(0)。Html()= = 1)
{
$(# searchwordsbyinitial_pager UL按钮:情商(0))藏();
}
其他的
{
$(# searchwordsbyinitial_pager UL按钮:情商(0)),表明();
}
})
用于让用户单击该字母
$(初始按钮列表按钮)。
清除所有字母A-Z / /活动课的按钮,点击按钮来设置文字活跃在这里;不使用attr and.removeattr;
$(。初始按钮列表按钮)。RemoveClass(主动);
$(这)。AddClass(主动);
单击这些字母并获取当前页码。
initial_value = $(this)Html();
page_initial = 1;
/ /一起被发送的行动= list_by_initialinitial = opage_initial = 3参数
btndata =行动= list_by_initial+初始=+ +initial_value页=+ page_initial;
$ ajax({
类型:邮政
网址:processfile,
数据:btndata,
成功:函数(数据){
$(# word_table_by_initials )显示();
$(# word_table_by_initials)。Html();
$(# word_table_by_initials )Html(数据);
init_searchwordsbyinitial_pager();
},
错误:函数(MSG)
{
警报(MSG);
}
});
});
获取用户点击(页面删除/点击更多按钮)
$(# searchwordsbyinitial_pager按钮。not_more_btn)。活(单击
活动课 / /删除所有页面,在活动页面点击数和设置;不使用attr and.removeattr;
$(# searchwordsbyinitial_pager按钮)。RemoveClass(主动);
$(这)。AddClass(主动);
单击页面获取当前
page_initial = $(this)Html();
/ /一起被发送的行动= list_by_initialinitial = opage_initial = 3参数
btndata =行动= list_by_initial+初始=+ +initial_value页=+ page_initial;
$ ajax({
类型:邮政
网址:processfile,
数据:btndata,
成功:函数(数据){
$(# word_list_by_initials )藏();
$(# word_table_by_initials)。Html();
$(# word_table_by_initials )Html(数据);
init_searchwordsbyinitial_pager();
},
错误:函数(MSG)
{
警报(MSG);
}
});
});
});

注意事项:

在1美元(div按钮。not_more_bt),有了前两个选择器之间的空间,而后两不;因为最后一个是类选择器,它是直接由按钮。

2。Html()。瓦迩()())文本()

3:EQ(索引),LT(index);gt(index)中的索引从0开始,不能是变量,必须是一个数字。

如果您需要使用动态索引,您可以使用它

情商(一)

4 var a = 20;

var b=10;

VaR C;

C = A + B;

结果不是30!号码是2020。

正确的写作方式是C = parseInt()+ _parseint(B);

减法很好,但最好改变它。

PHP的功能是intval();

5在编写代码之前,您必须计划最好的解决方案,否则再做起来就更困难了。

6 js代码和html加载的逻辑顺序

关于PHP相关内容的更多读者感兴趣的读者可以看到特别站:ajax技巧和应用

希望本文能对PHP程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部