+ -
当前位置:首页 → 问答吧 → smarty+ajax实现无刷新留言本之二

smarty+ajax实现无刷新留言本之二

时间:2007-08-09

来源:互联网

之所以标题为smarty+ajax实现留言本之二,那是因为之一就是我所参考的原贴http://www.phpchina.com/bbs/viewthread.php?tid=14083,本贴只不过在此基础上加了删除功能当然也是结合ajax的无刷新删除不然就没有什么意义了.所谓学而识习之,为了让没有接触过ajax(高手飘过^_^),更加能体会快感并学会基本应用,我就写了这个贴子.
    好了开工,改就是改我就只贴出增加和修改的部分,完整的我会提供下载方便学习.
    (1)增加delbook.php,它的功能见名字就知道了
     include('./inc/dbclass.php');//包含数据库操作类
  $db=new db();//生成数据库操作实例
  //mysql_query("set names 'gbk'");
  $sql="DELETE FROM bookinfo WHERE id='".$userid."'";
  
  $db->query($sql);
  $querysql="select * from bookinfo order by id desc";
  $result=$db->query($querysql);
   header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
  while($rows=$db->loop_query($result)){//打印留言列表,用于实时更新
        //$arr.="用户名:{$rows['username']} 内容:{$rows['comment']}<p>";
        //echo  '用户id:'.$rows['id'].'.'.'用户名:'.$rows['username'].' 内容:'.$rows['comment'].'<p>';
        ?>
        <SCRIPT LANGUAGE="JavaScript" src="./inc/ajax.js"></SCRIPT>
        <a href="javascript:senddel('result',<?php echo $rows['id'] ?>)">Delete</a>
        <?
        echo '用户id:'.$rows['id'].'用户名:'.$rows['username'].' 内容:'.$rows['comment'].'<p>';
  }
  (2)修改ajax.js
     //下面为删除留言
  function senddel(obj,id){
  // alert('test');
   send_request('delbook.php?userid='+id);
   //alert('test');
   reobj=obj;
  }
(3)修改index.tpl
<div align="right" id="check"></div>
<div id="result"><{*这里显示留言内容*}>
<{section name=loop loop=$bookinfo}><{*循环显示留言*}>
<a href="javascript:senddel('result','<{$bookinfo[loop].id}>')">Delete</a> 用户名:<{$bookinfo[loop].username}> ID:<{$bookinfo[loop].id}> 内容:<{$bookinfo[loop].comment}><p>
<{/section}>
</div>
(4)修改checkbookinfo.php,这个位置加了一点js代码
while($rows=$db->loop_query($result)){//打印留言列表,用于实时更新
        //$arr.="用户名:{$rows['username']} 内容:{$rows['comment']}<p>";
        ?>
        <SCRIPT LANGUAGE="JavaScript" src="./inc/ajax.js"></SCRIPT>
        <a href="javascript:senddel('result',<?php echo $rows['id'] ?>)">Delete</a>
        <?
        echo '用户id:'.$rows['id'].'.'.'用户名:'.$rows['username'].' 内容:'.$rows['comment'].'<p>';
  }
(5)其它的修改不重要故不贴上来,最后完整部分见下载附件.

作者: verywin   发布时间: 2007-08-09

抢个沙发坐下,大家支持一下,你的回贴是我最大的动力

作者: verywin   发布时间: 2007-08-09

这个!看看CODE

作者: gently   发布时间: 2007-08-09

都在附件下下来,很容易在自己机子上测试,php的环境要5.0以上,数据库基本配置要根据你的机器改一下,很简单的.

作者: verywin   发布时间: 2007-08-09

支持

作者: liyusen   发布时间: 2007-08-09

自己认为的确玩的爽爽的,怎么没人顶

作者: verywin   发布时间: 2007-08-09

学习一下

作者: ywsuccess   发布时间: 2007-08-12

LZ这样热情,怎么不能顶呢,不错的贴子,我的QQ4539732,希望和你多交流啊

作者: wenthuang   发布时间: 2007-08-15

QQ45397312

作者: wenthuang   发布时间: 2007-08-15

支持!

作者: pq123   发布时间: 2007-08-16

呵呵不错. 不过希望如果贴代码的话
请 使用 php  code 标签.这样 代码显示得更漂亮点

作者: 逆雪寒   发布时间: 2007-08-17

恩好的:)

作者: verywin   发布时间: 2007-08-17

很好,支持。

作者: chyoqin   发布时间: 2007-10-26

兄弟帮你来顶一下! 哈哈!

作者: 从头再来   发布时间: 2008-04-06

恩!谢谢!好东西~

作者: richardhc   发布时间: 2008-04-07