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这两个文本框清空