AJax技术

h5cn实现AJAX无刷新评论制作详解

字号+ 作者:H5之家 来源:H5之家 2017-03-16 09:03 我要评论( )

昨天,做了个h5cn的AJAX无刷新评论,现在把制作办法写下来。有兴趣的站长可以一起改着玩玩。 1.加入 prototype.js AJAX主要靠他完成了,呵。。这个JS framewo

昨天,做了个h5cn的AJAX无刷新评论,现在把制作办法写下来。有兴趣的站长可以一起改着玩玩。

1.加入 prototype.js AJAX主要靠他完成了,呵。。这个JS framework 已经很出名了,我就不多介绍了。

2.自己新建一个 ajax_feedback.php 文件,放在/PLUS 目录。

3.再建一个模板 feeback_templet.htm 主要用来解析 ajax_feedback.php 的品论列表部分页面。

4.创建 action.js 文件,这个文件是AJAX辅助文件,主要用来调用 prototype.js 完成 AJAX 获取、提交等过程。

5. 在 article_info.htm 模板中加入品论代码。

6.完成测试。

滕州生活网


备注: 
article_info.htm 中需要修改的地方
类似 <script type="text/javascript" src="{dede:field name='templeturl'/}/blackair/js/action.js"></script> 这个路径你需要修改

copyright tz365.cn


<img src="{dede:field name='templeturl'/}/blackair/images/loading.gif" />
ajax_feedback.php中需要修改的地方

滕州生活网(TZ365.cn)


require_once($cfg_basedir.$cfg_templets_dir."/blackair/plus/feeback_templet.htm"); 
这里的路径同样要修改成你放置附件中 feeback_templet.htm 模板的实际目录。

相关推荐:

 

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

相关文章
  • 《学习ASP.NET 2.0和AJAX》pdf书下载

    《学习ASP.NET 2.0和AJAX》pdf书下载

    2017-03-16 14:04

  • dede AJAX评论显IP并隐藏后几位教程

    dede AJAX评论显IP并隐藏后几位教程

    2017-03-16 09:03

  • AJAX技术_学习心得1

    AJAX技术_学习心得1

    2017-03-15 17:03

  • 前端学习——使用Ajax方式POST JSON数据包

    前端学习——使用Ajax方式POST JSON数据包

    2017-03-15 12:00

网友点评