prototype极速应用1

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的世界 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/jackyrong/archive/2007/07/26/832547.html

prototype极速应用1相关推荐

  1. 极速理解设计模式系列:4.原型模式(Prototype Pattern)

    四个角色:抽象原型角色(Prototype).具体原型角色(ConcretePrototype).原型管理器角色(PrototypeManager).客户端角色(Client) 抽象原型角色(Prot ...

  2. 极速理解设计模式系列【目录索引】

    这是一个老生常谈的设计模式系列文章,本系列力图从最简洁的语言和最易理解的实例来让大家认识设计模式的思想和思路,从而在实际项目中能够用到一二.现在将本系列文章详列如下: 极速理解设计模式系列:1.建造者 ...

  3. JS小游戏-极速快跑

    游戏图片: 源文件下载地址:点击下载 Javascript部分: /** 极速快跑 * Author: fdipzone * Date: 2012-07-15 * Ver: 1.0 */var gam ...

  4. 【Spring】bean的作用域(@Scope) - singleton、prototype

    已知spring 3+已拥有多种不同的作用域: singleton(默认).prototype.request.session.global session.(参考: spring中scope作用域( ...

  5. 细心看完这篇文章,刷新对Javascript Prototype的理解

    var person={name:'ninja'}; person.prototype.sayName=function(){return this.name; } 分析上面这段代码,看看有没有问题? ...

  6. 360浏览器5兼容模式吗_Vue-cli项目,打包生产模式,部分用户360浏览器极速模式下奔溃...

    一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置. 客户使用win7下360安全浏览器访问,自动变成"兼容" ...

  7. 几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段

    /*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/ String.prototype.stripHTML = function (isRemoveNewLine) {var ...

  8. sgSpeedMode.js判断360浏览器是“兼容模式”,提示使用“极速模式”

    为了达到目的,当用户使用的是浏览器"兼容模式"就会出现以下提示 //极速模式提示信息-最简练的判断方式 if (navigator.userAgent.indexOf(" ...

  9. javascript数组排序和prototype详解

    原型的概念::原型对象里的所有属性和方法 被所有构造函数实例化出来的对象所共享,类似于java中的 static 正因为共享所以单一的操作 就会影响了全局,因此使用时需注意 基于prototype:为 ...

最新文章

  1. idea崩溃导致的svn插件丢失问题, maven dependencies视图丢失问题
  2. htcd816+android密码,HTC Desire 816刷机解锁教程
  3. iOS开发笔记(二):block循环引用
  4. python教程课后答案-python从入门到实践课后习题第八章
  5. lstm不收敛_20道深度学习面试题,有你不知道的吗?
  6. 12306订票助手java_12306订票助手
  7. shell学习过程中的错误集锦
  8. mac sublime java_Mac环境下使用SublimeText写Java代码
  9. 百度回应李彦宏卸任百度云执行董事;甲骨文拟增聘 2000 员工拓展云服务;PostgreSQL 12 正式发布 | 极客头条...
  10. Java添加水印+图片水印+文字水印
  11. 【DM642学习笔记一】关于Can't Initialize Target CPU的一种解决方法 : Error 0x80000240
  12. SilverLight幻灯片
  13. Windows下 Nginx日志文件按计划时间自动分割、手动备份
  14. linux下给qt4安装QSerialPort
  15. Xcode9之折叠代码
  16. MATLAB人脸识别系统[GUI界面,完美运行,详细解析]
  17. (全程图解)Axure RP8.0安装、破解、汉化教程
  18. cocos creator快速上手《摘星星》官方教程续|星月爸爸
  19. iOS XCode支持低系统版本
  20. Mac 10.12安装Go2Shell在资源管理器快速打开Shell并跳转到指定位置

热门文章

  1. Perl之 用Net::FTP来上传下载文件
  2. [BUUCTF-pwn]——mrctf2020_easyoverflow
  3. autosys虚拟机定义
  4. 命令行参数的模式匹配
  5. 四、MyBatis-映射文件
  6. hihocoder1051 补提交卡(贪心)
  7. C#获取文件夹下的所有文件的文件名
  8. X-003 FriendlyARM tiny4412 uboot移植之添加相应目录文件
  9. 关于数据库的备份和某个表的数据备份的相关步骤介绍
  10. LeetCode(16)题解--3Sum Closest