jQuery+php+Ajax文章列表点击加载更多功能

Posted zglevk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery+php+Ajax文章列表点击加载更多功能相关的知识,希望对你有一定的参考价值。

jQuery+php+Ajax实现的一个简单实用的文章列表点击加载更多功能,点击加载更多按钮,文章列表加载更多数据,加载中有loading动画效果。

技术图片

js部分:

1         <script type="text/javascript" src="jquery.more.js"></script>
2         <script type="text/javascript">
3             $(function() {
4                 $(‘#more‘).more({‘address‘: ‘data.php‘})
5             });
6         </script>

调用方式:

1 <a href="javascript:;" class="get_more">::点击加载更多内容::</a>

实例下载:https://www.sucaihuo.com/php/986.html

以上是关于jQuery+php+Ajax文章列表点击加载更多功能的主要内容,如果未能解决你的问题,请参考以下文章

jquery mobile JS与缓存的问题

基于jQuery实现点击列表加载更多效果

使用php蓝天采集器抓取今日头条ajax的文章内容

jquery在点击事件后等待ajax加载完成

Jquery使用规范

jQuery+Ajax+PHP滚动加载