Ruby on rails 如何在rails中加载一个div以响应对另一个div的单击?

Ruby on rails 如何在rails中加载一个div以响应对另一个div的单击?,ruby-on-rails,ajax,ruby-on-rails-3,Ruby On Rails,Ajax,Ruby On Rails 3,我对Rails(和web)编程非常陌生,所以我甚至不确定我应该寻找什么技术来实现这一点 我已经下载并浏览了本手册的前五章,但现在有一个非常简单的请求 在网页的左侧,我将有一个表格。如果用户单击该表中的某个元素,我希望页面的右侧显示一些新内容 我已经有一个页面显示该表,即: <div class="center hero-unit"> <div class="container"> <h2>2012 Yearly Report</h2>

我对Rails(和web)编程非常陌生,所以我甚至不确定我应该寻找什么技术来实现这一点

我已经下载并浏览了本手册的前五章,但现在有一个非常简单的请求

在网页的左侧,我将有一个表格。如果用户单击该表中的某个元素,我希望页面的右侧显示一些新内容

我已经有一个页面显示该表,即:

<div class="center hero-unit">
   <div class="container">
   <h2>2012 Yearly Report</h2>
     <div class="row-fluid">
       <div class="span12">
           <div class="span4">
            <table border="1">
            </table>
           </div>
           <div class="span6">
                <!-- load stuff here based on what someone clicks on in the table -->
           </div>
         </div>
      </div>
   </div>
</div>

2012年度报告

我用它来显示一切。我只是不明白如何根据“span4”中的用户行为更改“span6”div的内容。

这是一个很难回答的问题。这实际上取决于您试图显示的数据类型以及您想要的交互方式

实际上,您并没有提供太多关于您要完成的任务的信息,但是如果我不得不猜测的话,您正在尝试从数据库加载数据并将其插入到元素中,而不离开当前页面。这就是AJAX的用途(您的教程将在第11章中对其进行介绍),它涉及大量javascript,这通常超出了Ruby等服务器端语言的范围。幸运的是,rails包含了一些帮助程序,可以轻松地将AJAX功能包含到web应用程序中,而无需编写大量javascript(尽管您需要编写一些javascript)

例如,假设您的表有一个文章列表,并且您希望在单击某个文章的链接时在div中显示该文章的内容

首先是链接:

<%= link_to article.name, article_url(article), :remote => true %>
当你的一个远程链接被点击时,会对这个javascript(嵌入ruby)代码进行评估,并用文章的内容替换div的内容


网上有很多资源可以为您提供更多信息。它看起来像是一周前刚刚发布的。它需要订阅才能查看,但非常值得(特别是如果您刚刚起步)。

完美,这正是我想要的。我知道我很宽宏大量,但我只是不知道如何做我想做的事。
<div id='article-content'></div>
$('#article-content').html("<%=javascript_escape @article.content %>");