dedecms实现AJAX无刷新评论制作详解_dedecms_CMS教程_迪尔课堂

关键字描述:制作 详解 评论 刷新 实现 修改 文件 " 这个 AJAXEiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
昨天,做了个dedecms的AJAX无刷新评论,现在把制作办法写下来。有兴趣的站长可以一起改着玩玩。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
1.加入 prototype.js AJAX主要靠他完成了,呵。。这个JS framework 已经很出名了,我就不多介绍了。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
2.自己新建一个 ajax_feedback.php 文件,放在/PLUS 目录。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
3.再建一个模板 feeback_templet.htm 主要用来解析 ajax_feedback.php 的品论列表部分页面。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
4.创建 action.js 文件,这个文件是AJAX辅助文件,主要用来调用 prototype.js 完成 AJAX 获取、提交等过程。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
5. 在 article_info.htm 模板中加入品论代码。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
6.完成测试。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
备注: EiN迪尔课堂自学网-|第二课堂|--(官网)
article_info.htm 中需要修改的地方EiN迪尔课堂自学网-|第二课堂|--(官网)
类似 <script type="text/javascript" src="{dede:field name='templeturl'/}/blackair/js/action.js"></script> 这个路径你需要修改EiN迪尔课堂自学网-|第二课堂|--(官网)
<img src="{dede:field name='templeturl'/}/blackair/images/loading.gif" alt="loading.." /> 这个路径也要修改成你网站的 loading.gif 地址EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
ajax_feedback.php中需要修改的地方EiN迪尔课堂自学网-|第二课堂|--(官网)
require_once($cfg_basedir.$cfg_templets_dir."/blackair/plus/feeback_templet.htm"); EiN迪尔课堂自学网-|第二课堂|--(官网)
这里的路径同样要修改成你放置附件中 feeback_templet.htm 模板的实际目录。EiN迪尔课堂自学网-|第二课堂|--(官网)
EiN迪尔课堂自学网-|第二课堂|--(官网)
上述文件在附件中都有: https://www.jb51.net/uploads/soft/art/09/up.rar EiN迪尔课堂自学网-|第二课堂|--(官网)

扫一扫手机访问