阿贾克斯代表的同步JA vaScript和X ML。 Ajax并不是一项单一的技术。它是几种技术的套件。 Ajax合并了以下内容-

• XHTML用于网页标记
• CSS样式
• 使用DOM动态显示和交互
• 使用XML进行数据操作和交换
• 使用XMLHttpRequest进行数据检索
• JavaScript作为将所有这些结合在一起的粘合剂

Ajax使您能够检索网页数据，而不必刷新整个页面的内容。在基本的Web体系结构中，用户单击链接或提交表单。表单被提交到服务器，然后服务器发回响应。然后在新页面上为用户显示响应。

当您与支持Ajax的网页进行交互时，它将在后台加载Ajax引擎。该引擎是用JavaScript编写的，它的职责是与Web服务器通信并向用户显示结果。使用Ajax支持的表单提交数据时，服务器将返回一个HTML片段，其中包含服务器的响应，并且仅显示新的或更改的数据，而不是刷新整个页面。

有关AJAX的完整详细信息，请阅读我们的AJAX教程。

Rails如何实现Ajax

Rails对于实现Ajax操作的方式具有简单，一致的模型。浏览器呈现并显示初始网页后，不同的用户操作将导致其显示新网页（如任何传统的Web应用程序）或触发Ajax操作-

• 触发一些触发器-该触发器可能是用户单击按钮或链接，对表单或字段中的数据进行更改的用户，或者只是定期触发器（基于计时器）。

• Web客户端调用服务器-JavaScript方法XMLHttpRequest将与触发器关联的数据发送到服务器上的操作处理程序。数据可能是复选框的ID，输入字段中的文本或整个表单

• 服务器进行处理-服务器端操作处理程序（Rails控制器操作），对数据进行处理，然后将HTML片段返回给Web客户端。

• 客户端收到响应-Rails自动创建的客户端JavaScript接收HTML片段，并使用它来更新当前页面HTML的指定部分，通常是

  标签的内容。

这些步骤是在Rails应用程序中使用Ajax的最简单方法，但是通过一些额外的工作，您可以让服务器返回任何类型的数据以响应Ajax请求，并且可以在浏览器中创建自定义JavaScript以执行更多操作涉及的互动。

AJAX示例

在讨论其余的Rails概念时，我们以图书馆为例。那里有一个名为subject的表，在迁移时我们增加了几个主题。到目前为止，我们还没有提供任何过程来添加和删除此表中的主题。

在此示例中，我们将在主题表上提供，列出，显示和创建操作。如果您对前几章中介绍的“图书馆信息系统”没有任何了解，那么我们建议您先完成前几章，然后再继续使用AJAX on Rails。

创建控制器

让我们为主题创建一个控制器。它将完成如下-

C:\ruby\library> ruby script/generate controller Subject

此命令创建一个控制器文件app / controllers / subject_controller.rb。在任何文本编辑器中打开此文件并将其修改为具有以下内容-

class SubjectController < ApplicationController
   layout 'standard'
   def list
   end
   def show
   end
   def create
   end
end

现在，我们将以与前面各章相同的方式讨论所有这些功能的实现部分。

列表方法的实现

def list
   @subjects = Subject.find(:all)
end

这类似于前面解释的示例，将用于列出数据库中所有可用的主题。

show方法的实现

def show
   @subject = Subject.find(params[:id])
end

这也与前面解释的示例相似，将用于显示与传递的ID对应的特定主题。

创建方法的实现

def create
   @subject = Subject.new(params[:subject])
      
   if @subject.save
      render :partial => 'subject', :object => @subject
   end
end

这部分有点新。在这里，我们没有将页面重定向到任何其他页面。我们只是呈现更改的部分而不是整个页面。

仅在使用partial时发生。我们不编写完整的视图文件，而是在/ app / view / subject目录中编写部分视图。我们稍后会看到。首先，让我们为其他方法创建视图文件。

创建视图

现在，我们将为所有方法创建视图文件，但我们将为其创建部分方法的create方法除外。

为列表方法创建视图

在/ app / view / subject中创建一个文件list.rhtml，并使用以下代码填充它。

Listing Subjects

   
   
 'show', :id => c.id %>
   
   

在这里，您正在遍历@subjects数组并输出一个

   
    
      "book", :action => "show",:id => c.id -%>
   

    {:action => 'create'},
      :update => "subject_list", :position => :bottom,
      :html => {:id => 'subject_form'}) do %>
      Name: