基于单击加载的Ajax，此页面没有刷新加载

首先让你看看地图的效果：

效果演示

这是另一种方式来显示分页，不隐藏不显示的内容

数据库结构与Ajax页面相同。

Javaｓｃｒｉｐｔ代码
$（文档）Ready（函数（）{）
无功track_click =； / /跟踪加载更多按钮，用户点击，就现在
无功total_pages =；
$（#结果）。负荷（fetch_pages PHP 。
$（。load_more）。Click（function（e）{ / /用户点击按钮
隐藏（单击）
$（'。animation_image）。表明（）； / /显示加载图像
如果（track_click / /确保用户<= total_pages）点击仍然小于总页数
{
返回页面号并将返回的数据加载到结果元素中
美元。后（'fetch_pages。php，{页：track_click }，功能（数据）{）
$（。load_more ），显示（）； / /带回负载更多的按钮
$（#结果）。追加（数据）； / /追加收到来自服务器的数据
滚动页到按钮元素
$（HTML、体）。动画（{ scrollTop：$（# load_more_button）。偏移（）。顶}，）；
隐藏加载映像
$（'。animation_image）。隐藏（）； / /隐藏加载图像一旦接收到的数据
track_click + +； / /用户点击加载按钮增加
}）。失败（功能（XHR，ajaxoptions，thrownerror）{）
警报（thrownerror） / /警报；任何HTTP错误
$（。load_more ），显示（）； / /带回负载更多的按钮
$（'。animation_image）。隐藏（）； / /隐藏加载图像一旦接收到的数据
}）；
如果（track_click = total_pages -）
{
到达页面的结尾但仍禁用加载按钮
$（。load_more ）Attr（残疾人。
}
}
}）；
}）；
xml代码

加载更多
加载...
fetch_pages.php
PHP代码
< PHP
包括（conn.php ）；
item_per_page = 3美元；
/ /消毒后价值
page_number = filter_var美元（美元_post {页}，filter_sanitize_number_int，filter_flag_strip_high）；

如果页面号无效，则抛出HTTP错误。
如果（！is_numeric（$ page_number））{
头（'http / 1.1无效500页码！）；
出口（）；
}

获取记录的当前起始点
美元地位=（$ page_number * $ item_per_page）；

将我们的结果限制在指定的范围内。
结果= mysql_query美元（选择*从内容顺序按ID号美元美元极限位置，item_per_page ）；

数据库输出结果
回声'；
而（$行= mysql_fetch_array（$结果））
{
$；
}
回声'；
>
以上内容是一个小编辑器，为您介绍基于ajax的实现，点击加载这个页面上没有刷新负荷，希望大家喜欢。