prototype极速应用1
? prototype是個不錯的框架，啥語言都可以用。比如一個針對某條新聞，讀者要發(fā)評論的話，可以這樣設(shè)計
<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' >
...//這里從數(shù)據(jù)庫中讀出評論，比如分頁
</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>?
這里，當按提交按鈕后，調(diào)用addcomment()函數(shù)，然后<div id="comments">這里，設(shè)置了將要顯示評論的內(nèi)容區(qū)域，這里可以從數(shù)據(jù)庫中讀出來顯示之。
在addcomment()函數(shù)中，new Ajax.Updater('comments', 'viewcommentsubmit.php',
? {
??? method: 'post',
??? parameters: $('theform').serialize(),
??? onSuccess: function() {
?????? $('name').value = '';
??? $('content').value='';
??? }
? } );
這段十分有趣，new Ajax.Updater('comments', 'viewcommentsubmit.php',
中，調(diào)用prototype的內(nèi)置好的功能來實現(xiàn)了，comments是剛才預(yù)留的區(qū)域（div),viewcommentssubmit.php是真正處理提交評論到數(shù)據(jù)庫的程序哦，
??? parameters: $('theform').serialize()這句，是將form id="theform"這個表單內(nèi)的參數(shù)進行提交
， onSuccess: function() {
?????? $('name').value = '';
??? $('content').value='';
??? }
這段，是說當提交到數(shù)據(jù)庫成功后，回調(diào)onsuccess事件，其中把name,content這兩個文本框清空
轉(zhuǎn)載于:https://www.cnblogs.com/jackyrong/archive/2007/07/26/832547.html
總結(jié)
以上是生活随笔為你收集整理的prototype极速应用1的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
