Ajax 和 XML: 借鉴最优秀的 Ajax 应用程序-技术开发专区

Ajax 和 XML: 借鉴最优秀的 Ajax 应用程序

作者：PointNet博客编辑： nancy 2008-01-24 00:00

为了实现这个功能，我创建了一个小型的数据库用来保存 to-do 项。然后再创建一个 Rails 控制器，如清单 1 所示。

清单 1. Todo_controller.rb

            class TodoController < ApplicationController
def list
@tasks = Todo.find(:all)
end
def add
task = Todo.new
task.name = params[:task][:name]
task.save
@tasks = Todo.find(:all)
end
end

清单 1 中的代码使用了两个方法。list() 方法用于显示页面。add() 方法用于在列表中添加新的项目，然后再在 HTML 中返回列表。

list() 方法的 RHTML 如清单 2所示。

清单 2. List.rhtml

            <html>
<head>
<%= javascript_include_tag :defaults %>
</head>
<body>
<div id="results">
<% @tasks.each { |t| %>
<%= t.name %><br/>
<% } %>
</div>
<%= form_remote_tag :url => { :action => 'add' }, :update => 'results' %>
            <%= text_field :task, :name %>
<%= submit_tag 'Add' %>
            <%= end_form_tag %>
</body>
</html>

这个页面使用 form_remote_tag 把简单表单的内容提交到控制器中的 add() 方法。add() 方法把 to-do 项添加到表中，然后为得到的 <div> 标记返回新的内容。这一功能的代码如清单 3所示。

清单 3. Add.rhtml

            <% @tasks.each { |t| %>
<%= t.name %><br/>
<% } %>

那么，我可以从 TaDaLists 中学到些什么呢？第一，少许 Ajax 应用程序会花大力气使 Web 应用程序感觉更像是桌面应用程序。第二，选择使用 Web 框架 —— 特别是那些包含 Ajax 的框架 —— 可以使这种类型的工作相当简单。

第1页：概述第2页：TaDaList 第3页：Campfire 第4页：YourMinis 第5页：其他 Web 2.0 站点

关注我们