AJax技术

Dede利用ajax无限加载文章

字号+ 作者:H5之家 来源:H5之家 2018-04-23 15:07 我要评论( )

很多用织梦h5cn做图片类的网站都需要用到无限加载这个功能,这个功能需要用到ajax,下面我就告诉大家如何实现这样的功能。 首先找到并打开/plus/list.php文件

 很多用织梦h5cn做图片类的网站都需要用到无限加载这个功能,这个功能需要用到ajax,下面我就告诉大家如何实现这样的功能。

 

首先找到并打开/plus/list.php文件,在里面找到如下代码:

  • require_once(dirname(__FILE__)."/../include/common.inc.php"); 
  •  

    在其下面添加如下代码:

     

    然后在需要使用无线加载的模板里引用下面这个js代码:

  •  

    并在底部添加如下代码:

     

    上面的代码中的”$('.data-list').append(arr.join(''));“里的”data-list“对应模板内列表的外框class属性。

    arr.push部分对应的是列表代码,

    这样就可以使用无线加载了。

    如果在列表页只需把代码中的”typeid:0,“ 修改为”typeid:{dede:field name="typeid"/},“即可。

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 利用js实现前后台传送Json的示例代码

      利用js实现前后台传送Json的示例代码

      2018-04-23 13:00

    • 如何能够通过Ajax实现模拟关键字智能匹配搜索效果?

      如何能够通过Ajax实现模拟关键字智能匹配搜索效果?

      2018-04-23 11:00

    • AJAX教程(6):AJAX - 请求服务器

      AJAX教程(6):AJAX - 请求服务器

      2018-04-23 08:00

    • AJAX中文乱码解决新方法分享,ajax中文乱码新方法

      AJAX中文乱码解决新方法分享,ajax中文乱码新方法

      2018-04-22 18:02

    网友点评
    /