jackyrong

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

  prototype是个不错的框架,啥语言都可以用。比如一个针对某条新闻,读者要发评论的话,可以这样设计

<script src="prototype.js"></script>

<script language="javascript">
<script>
function addcomment()
{
  new Ajax.Updater('comments', 'viewcommentsubmit.php',
  {
    method: 'post',
    parameters: $('theform').serialize(),
    onSuccess: function() {
       $('name').value = '';
    $('content').value='';
    }
  } );
}
</script>
<div id='comments' >

...//这里从数据库中读出评论,比如分页
</div>
    <form name="theform" method="post" >
                    <div align="center">
                      <table>

         <td align=center><font class=m1>用户名:</font>
            <input name="name" type="text"  maxlength="18"><font class=m1>(不填用户名则显示IP)</font>
        <br></td>
    </tr>
    <tr>
      <td align=center><textarea name="content" cols="50" rows="4" id="textarea"></textarea>
        <br>
        <input type="submit" name="Submit" value="递交" onClick="addcomment()">
        <input type="reset" name="Reset" value="清空">
        <input name="pid" type="hidden" id="pid"  value="<? echo($id);?>"></td>
    </tr>
  </table></div>
  </form> 

这里,当按提交按钮后,调用addcomment()函数,然后<div id="comments">这里,设置了将要显示评论的内容区域,这里可以从数据库中读出来显示之。
在addcomment()函数中,new Ajax.Updater('comments', 'viewcommentsubmit.php',
  {
    method: 'post',
    parameters: $('theform').serialize(),
    onSuccess: function() {
       $('name').value = '';
    $('content').value='';
    }
  } );
这段十分有趣,new Ajax.Updater('comments', 'viewcommentsubmit.php',
中,调用prototype的内置好的功能来实现了,comments是刚才预留的区域(div),viewcommentssubmit.php是真正处理提交评论到数据库的程序哦,
    parameters: $('theform').serialize()这句,是将form id="theform"这个表单内的参数进行提交
, onSuccess: function() {
       $('name').value = '';
    $('content').value='';
    }
这段,是说当提交到数据库成功后,回调onsuccess事件,其中把name,content这两个文本框清空

posted on 2007-07-26 17:28  jackyrong的世界  阅读(468)  评论(0编辑  收藏  举报