jQuery+PHP发布的内容无刷新分页（示例）

本文将使用jQuery，结合PHP分页发表的内容和实现无刷新切换页面功能。

本文假定您是Web开发人员，有一个jQuery和PHP的知识，并熟悉配置和使用FCKeditor。

有一个FCKeditor编辑器插入一个分页符功能按钮，单击该按钮将插入在内容区域中的分页符，如红框标记：
与生成的HTML代码相对应的页面是：
我们的实际应用是这样的：背景是通过FCKeditor编辑器发布内容提交到数据库，和前台获取内容的出版物通过PHP连接数据库，那么长的内容分段和分页。

PHP

PHP划分内容的方式如下：

功能分页符（$content）{
内容= $内容；
$
；
美元preg_split strsplit =（美元美元模式，内容，1，preg_split_no_empty）；
$count =计数（$ strsplit）；
= $ outstr ；
$ I = 1；

如果（$ > 1）{
= $ outstr ；
foreach（strsplit美元美元值）{
如果（$ < = 1）{
outstr美元=价值；
{人}
outstr美元=价值；
}
美元+；
}

outstr美元；
（$ i = 1；$ i <计数；$ + +）{
outstr美元=我；
}
outstr美元；
返回的outstr；
{人}
返回$内容；
}
}
可以看出，美元模式代码是FCKeditor编辑器的页面代码，然后通过preg_split PHP（）函数来分隔的数据内容，为分界点，将内容分为多个page_，并生成一个页面的导航按钮。你只需要调用分页（$content）使用时。

CSS

我们使用CSS显示分页按钮的样式，当然您可以修改CSS来定制您想要的外观。

# page_break { }
# page_break.collapse {显示：无；}
# page_break.num {填充：10px 0；文本对齐：中心；}
# page_break.num李{display: inline；保证金：0 2px；填充：3px 5px；边框1px solid # abcee4；
背景颜色：# FFF；颜色：# 369；文本对齐：中心；鼠标指针；溢出：隐藏；}
# page_break.num李，{背景颜色：# 369；颜色：# FFF；font-weight: bold；}
jQuery

$（函数（）{（））
$（# page_break.num李：第一），AddClass（' '）；

$（# page_break.num李）。Click（函数（）{（）{
隐藏所有页面
$（# page_break div { ID ^ = 'page_}）藏（）；

显示当前页面内容。
如果（$（this）。HasClass（' '））{
$（# page_break # page_ + $（this）。文本显示（）（））；
{人}
$（# page_break.num李）RemoveClass（开）；
$（这）AddClass（开）；
$（# page_break # page_ + $（this）。文本（）），FadeIn（正常）；
}
}）；
}）；
我们使用jQuery将分页导航按钮的第一页设置为当前状态。然后单击分页按钮切换按钮的状态，并显示相应页的内容。

顺便说一下，文章的标题没有刷新。实际上，这并不是Ajax的无刷新效果。相反，它通过jQuery来控制和显示页面的内容。

有很多关于jQuery的文章，没有刷新分页，当您在搜索之前可以搜索文章，可能会更有启发性。