rails中自带prototype.js
<a href="javascript:void addlist('cunzhuang',cunzhuangs,zoomlarger)">村庄</a>|
''中的cunzhuang是另外一个rthml页面，在ror中不能加html或者rhtml后缀。即要访问的页面
js函数如下:
function addlist(content,mzs,zoom)
{
new Ajax.Updater( 'list', content, { method: 'get',parameters:'map' } );
//加载所以markers
listMarkers(mzs,zoom);
}
这里有三个参数，'list'是要更新的div的id号，content是要访问的服务器，将返回的内容替换到list这个div中，ror中要访问的服务即cunzhuang，这个{}里面的parameters是参数，这里将map这个js变量传递给cunzhuang这个服务。
注意要在页面前面包含prototype.js文件，采用默认的方法
<%=javascript_include_tag :defaults%>
这样把所有的js文件都包含了
分享到：
相关推荐
让我们深入探讨Ajax.updater的使用方法，以及它如何处理XML和JSON数据，以及如何直接返回页面内容。 1. **Ajax.updater概述** Ajax.updater的核心是通过发送HTTP请求到服务器，然后将返回的数据插入到页面的指定...
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提供了`Ajax`模块，其中包含了`Ajax.Request`和`Ajax.Updater`等关键类。`Ajax.Request`用于发起HTTP请求，接受URL和选项作为参数，可以处理异步数据交换，如GET和POST请求。`Ajax.Updater`则...
在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库的宝贵...
此外，Prototype还提供了其他辅助方法，如`Ajax.activeRequestCount`来跟踪当前活跃的AJAX请求数量，以及`Ajax.options`来设置全局的默认选项。这些都是Prototype框架为了增强AJAX体验而设计的特性。 在实际开发中...
5. **Ajax**：Prototype的Ajax模块提供了一套完整的异步数据交换接口，包括`Ajax.Request`和`Ajax.Updater`，它们封装了XMLHttpRequest对象，简化了与服务器的通信。 6. **事件处理**：Prototype改进了事件处理，...
Prototype.js是一个JavaScript库，由Sam Stephenson编写，用于简化JavaScript编程，提供了许多有用的函数和方法，以帮助开发者快速构建Web应用程序。下面是Prototype.js的开发笔记，涵盖了该库的使用指南、Ajax对象...
`Ajax.Request`和`Ajax.Updater`是核心组件，前者用于发送请求，后者用于更新页面的一部分。它们都支持多种HTTP方法（GET、POST等），并能处理JSON、XML等多种数据格式。 ### 4. 动画效果 Prototype.js 提供了强大...
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改进了事件处理机制，...
Prototype.js 的 AJAX 支持在 1.6 版本中得到增强，`Ajax.Request` 和 `Ajax.Updater` 类提供了一种优雅的方式来处理异步数据交换。新版本增加了错误处理机制，同时支持 JSONP 和 CORS，适应了跨域请求的需求。 ###...
2. **Ajax功能**：Prototype.js 强化了AJAX操作，通过`Ajax.Request` 和 `Ajax.Updater` 类，开发者可以轻松实现异步数据交换，无需关心浏览器兼容性问题。 3. **对象扩展**：Prototype.js 基于JavaScript原型链...
**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....
jQuery提供了`.ajax()`、`.get()`、`.post()`等方法，Prototype有`Ajax.Request`和`Ajax.Updater`等，它们都封装了底层的XMLHttpRequest操作，让开发者可以更专注于业务逻辑。 6. **jQuery的Ajax**：jQuery的Ajax...
首先，Prototype中的Ajax对象是核心，它包括了几个关键方法： 1. **Ajax.Request**：这是发起Ajax请求的基础，你可以指定URL、HTTP方法（如GET或POST）以及回调函数来处理响应。例如： ```javascript new Ajax....
2. **Ajax**：Prototype.js提供了一套完善的Ajax解决方案，包括`Ajax.Request`和`Ajax.Updater`，使得异步数据交互更为简单，同时支持JSON、XML等多种数据格式。 3. **事件处理**：Prototype.js通过`Event.observe...
`Ajax.Request`和`Ajax.Updater`类用于发送HTTP请求，处理响应数据，实现了页面局部更新。 2. **Selectors API**：Prototype.js兼容了CSS选择器，提供了`$$()`函数，可以像操作CSS一样选取DOM元素，增强了...