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没问题。
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没问题。
发表评论
-
HTML <object> 标签
2010-03-04 22:31 841定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML ... -
js代码:字符动画
2010-03-04 22:30 839<!DOCTYPE html PUBLIC " ... -
js代码:浏览器状态栏飞入文字
2010-03-04 22:29 1229<!DOCTYPE html PUBLIC " ... -
CSS+DIV实现的页面优化代码
2010-03-04 22:28 632<!DOCTYPE html PUBLIC " ... -
IE捉迷藏问题及解决方案
2010-03-04 22:28 998<!DOCTYPE html PUBLIC " ... -
js代码:飘落的雪花
2010-03-04 22:27 837<!DOCTYPE html PUBLIC " ... -
js代码:渐变图形
2010-03-04 22:26 806<!DOCTYPE html PUBLIC " ... -
正则表达式菜鸟入门
2010-03-04 22:25 723常用的正则表达式主 ... -
jquery学习资料
2010-03-04 22:23 804今天开始看看jquery类库 这是我接触的第三个类库 之前有e ... -
jquery菜鸟入门
2010-03-04 22:23 787转自:http://hi.baidu.com/%B7%C9%D ... -
设置flash透明使div层能显示在其之上
2010-03-04 22:21 1018给flash加上这句代码<param name=&quo ... -
Ajax原理步骤
2010-03-04 22:21 1077核心:XMLHttpRequest对象 属性 ... -
ruby打包成gem
2010-03-04 22:20 1318gem 打包: gem build xxx.rb gem 安装 ... -
ruby日期指令
2010-03-04 22:17 989%A 周日期全称 Saturday %a 周日期缩写 %B ...
相关推荐
Ajax.updater是Prototype JavaScript库中的一个关键功能,用于实现页面的部分更新,无需刷新整个页面即可获取新数据。这种技术在Web开发中被称为异步JavaScript和XML(Ajax),尽管现在更常见的是与JSON或其他数据...
在Ajax方面,Prototype提供了`Ajax`模块,其中包含了`Ajax.Request`和`Ajax.Updater`等关键类。`Ajax.Request`用于发起HTTP请求,接受URL和选项作为参数,可以处理异步数据交换,如GET和POST请求。`Ajax.Updater`则...
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 对象的...
在Prototype中,`Ajax`对象提供了多种方法,如`Request`、`Observer`、`Updater`等,它们使得发送Ajax请求变得非常简单。其中,`Ajax.Request`是最常用的方法,用于发起一个HTTP请求。 下面是一个使用`Ajax.Request...
`Ajax.Request`和`Ajax.Updater`是其中两个关键的类,它们分别用于发起完整的HTTP请求和替换页面的部分内容。 Prototype.js的另一个显著特点是对JavaScript对象的增强。1.7.3版本继续沿用了基于类的模拟实现,通过`...
Prototype通过`Ajax`类封装了这一技术,包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法,使得创建异步请求变得简单直观。 总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵...
5. **Ajax**:Prototype的Ajax模块提供了一套完整的异步数据交换接口,包括`Ajax.Request`和`Ajax.Updater`,它们封装了XMLHttpRequest对象,简化了与服务器的通信。 6. **事件处理**:Prototype改进了事件处理,...
在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供了一系列实用的函数,使得开发者在处理DOM操作、AJAX交互等方面的工作变得更加简单。本案例将重点探讨如何利用...
`Ajax.Request`和`Ajax.Updater`是核心组件,前者用于发送请求,后者用于更新页面的一部分。它们都支持多种HTTP方法(GET、POST等),并能处理JSON、XML等多种数据格式。 ### 4. 动画效果 Prototype.js 提供了强大...
下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库,提供了许多有用的函数和...
Prototype 1.4 提供了强大的Ajax支持,主要通过`Ajax.Request`和`Ajax.Updater`两个类实现。 1. **使用 Ajax.Request 类**:这个类用于发送异步HTTP请求,可以处理各种HTTP方法(GET, POST等),并提供了丰富的...
`Ajax.Request`和`Ajax.Updater`类使得创建请求和更新页面内容变得简单。此外,`Form.Element`和`Form`类提供了表单相关的便捷操作,如发送表单数据到服务器。 4. **Event处理** Prototype改进了事件处理机制,...
2. **Ajax功能**:Prototype.js 强化了AJAX操作,通过`Ajax.Request` 和 `Ajax.Updater` 类,开发者可以轻松实现异步数据交换,无需关心浏览器兼容性问题。 3. **对象扩展**:Prototype.js 基于JavaScript原型链...
Prototype.js 的 AJAX 支持在 1.6 版本中得到增强,`Ajax.Request` 和 `Ajax.Updater` 类提供了一种优雅的方式来处理异步数据交换。新版本增加了错误处理机制,同时支持 JSONP 和 CORS,适应了跨域请求的需求。 ###...
**Ajax与Prototype.js详解** Prototype.js是一个JavaScript库,它为Web开发提供了丰富的功能,特别是针对Ajax交互。Ajax,即异步JavaScript和XML,是一种在不刷新整个页面的情况下更新部分网页内容的技术。...
3. **Ajax** - prototype.js 改进了原始的XMLHttpRequest对象,提供了`Ajax`模块,包含`Ajax.Request`和`Ajax.Updater`等类,使异步数据交换更加简单和灵活。 4. **事件处理** - 库中的`Event.observe()`和`Event....
Prototype.js是JavaScript库,它为Web开发提供了许多实用的功能,特别是在处理Ajax交互方面。这个"Prototype Ajax学习范例"提供了一系列实例,旨在帮助开发者迅速掌握使用Prototype进行Ajax操作的技巧。 Ajax,即...
7. **Prototype的Ajax**:Prototype库提供了一个强大的Ajax模块,包括`Ajax.Request`用于发起请求,`Ajax.Updater`用于更新页面内容。它还提供了一些便利的选项和事件处理,使开发更加灵活。 8. **应用场景**:Ajax...
prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列...prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章——Try.these())函数
2. **Ajax**:Prototype.js提供了一套完善的Ajax解决方案,包括`Ajax.Request`和`Ajax.Updater`,使得异步数据交互更为简单,同时支持JSON、XML等多种数据格式。 3. **事件处理**:Prototype.js通过`Event.observe...