`

prototype Ajax.Updater

阅读更多
var url = "/edit/find_topic";   
    var myajax = new Ajax.Updater(   
         {success:'ul'},     //ul为某个控件的ID
        url,   
        {   
            parameters: 'keyword='+$("keyword").value,
            asynchronous:true,   
            method: 'get',   
            evalScripts:true   
        }   
    );

prototype的Ajax.Updater可以用来更新一段html,但在更新带javascript的html时,需要注意几个问题

一. 需要在Ajax.Updater添加参数 evalScripts : true

二. javascript代码块要使用下面的形式
showHi = function() {
    alert('Hi');
}

而不能使用下面的形式
function showHi() {
    alert('Hi');
}

三. 注意javascript代码块中不能使用 <!-- //--> 标记,否则 IE 会出错,firefox没问题。
分享到:
评论

相关推荐

    Ajax.updater

    Ajax.updater是Prototype JavaScript库中的一个关键功能,用于实现页面的部分更新,无需刷新整个页面即可获取新数据。这种技术在Web开发中被称为异步JavaScript和XML(Ajax),尽管现在更常见的是与JSON或其他数据...

    Prototype 1.6.0.3 中文参考手册

    在Ajax方面,Prototype提供了`Ajax`模块,其中包含了`Ajax.Request`和`Ajax.Updater`等关键类。`Ajax.Request`用于发起HTTP请求,接受URL和选项作为参数,可以处理异步数据交换,如GET和POST请求。`Ajax.Updater`则...

    prototype.js开发笔记--让你精通prototype开发

    1.4.2. 使用 Ajax.Updater 类 2. prototype.js参考 2.1. JavaScript 类的扩展 2.2. 对 Object 类的扩展 2.3. 对 Number 类的扩展 2.4. 对 Function 类的扩展 2.5. 对 String 类的扩展 2.6. 对 document DOM 对象的...

    经典ajax.prototype.javascript实例

    在Prototype中,`Ajax`对象提供了多种方法,如`Request`、`Observer`、`Updater`等,它们使得发送Ajax请求变得非常简单。其中,`Ajax.Request`是最常用的方法,用于发起一个HTTP请求。 下面是一个使用`Ajax.Request...

    prototype_1.7.3.js 最新版本

    `Ajax.Request`和`Ajax.Updater`是其中两个关键的类,它们分别用于发起完整的HTTP请求和替换页面的部分内容。 Prototype.js的另一个显著特点是对JavaScript对象的增强。1.7.3版本继续沿用了基于类的模拟实现,通过`...

    prototype-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    Prototype通过`Ajax`类封装了这一技术,包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法,使得创建异步请求变得简单直观。 总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵...

    prototype 1.6.0.2.js+使用DEMO例子

    5. **Ajax**:Prototype的Ajax模块提供了一套完整的异步数据交换接口,包括`Ajax.Request`和`Ajax.Updater`,它们封装了XMLHttpRequest对象,简化了与服务器的通信。 6. **事件处理**:Prototype改进了事件处理,...

    prototype-AJAX案例

    在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供了一系列实用的函数,使得开发者在处理DOM操作、AJAX交互等方面的工作变得更加简单。本案例将重点探讨如何利用...

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    `Ajax.Request`和`Ajax.Updater`是核心组件,前者用于发送请求,后者用于更新页面的一部分。它们都支持多种HTTP方法(GET、POST等),并能处理JSON、XML等多种数据格式。 ### 4. 动画效果 Prototype.js 提供了强大...

    prototype.js开发笔记.pdf

    下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库,提供了许多有用的函数和...

    prototype1.7.zip

    `Ajax.Request`和`Ajax.Updater`类使得创建请求和更新页面内容变得简单。此外,`Form.Element`和`Form`类提供了表单相关的便捷操作,如发送表单数据到服务器。 4. **Event处理** Prototype改进了事件处理机制,...

    prototype.js中文手册

    2. **Ajax功能**:Prototype.js 强化了AJAX操作,通过`Ajax.Request` 和 `Ajax.Updater` 类,开发者可以轻松实现异步数据交换,无需关心浏览器兼容性问题。 3. **对象扩展**:Prototype.js 基于JavaScript原型链...

    prototype.js 1.6

    Prototype.js 的 AJAX 支持在 1.6 版本中得到增强,`Ajax.Request` 和 `Ajax.Updater` 类提供了一种优雅的方式来处理异步数据交换。新版本增加了错误处理机制,同时支持 JSONP 和 CORS,适应了跨域请求的需求。 ###...

    ajax:prototype.js很全的手册

    **Ajax与Prototype.js详解** Prototype.js是一个JavaScript库,它为Web开发提供了丰富的功能,特别是针对Ajax交互。Ajax,即异步JavaScript和XML,是一种在不刷新整个页面的情况下更新部分网页内容的技术。...

    prototype.js简介

    3. **Ajax** - prototype.js 改进了原始的XMLHttpRequest对象,提供了`Ajax`模块,包含`Ajax.Request`和`Ajax.Updater`等类,使异步数据交换更加简单和灵活。 4. **事件处理** - 库中的`Event.observe()`和`Event....

    Prototype Ajax学习范例

    Prototype.js是JavaScript库,它为Web开发提供了许多实用的功能,特别是在处理Ajax交互方面。这个"Prototype Ajax学习范例"提供了一系列实例,旨在帮助开发者迅速掌握使用Prototype进行Ajax操作的技巧。 Ajax,即...

    Ajax(Ajax,jquery,prototype综合).rar

    7. **Prototype的Ajax**:Prototype库提供了一个强大的Ajax模块,包括`Ajax.Request`用于发起请求,`Ajax.Updater`用于更新页面内容。它还提供了一些便利的选项和事件处理,使开发更加灵活。 8. **应用场景**:Ajax...

    prototype.js的系列文章

    prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列...prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章——Try.these())函数

    prototype.js

    2. **Ajax**:Prototype.js提供了一套完善的Ajax解决方案,包括`Ajax.Request`和`Ajax.Updater`,使得异步数据交互更为简单,同时支持JSON、XML等多种数据格式。 3. **事件处理**:Prototype.js通过`Event.observe...

Global site tag (gtag.js) - Google Analytics