Rails上的AJAX:如何放置加载的内容

Question

我在static_pages里面有一个名为servicios的视图，这个视图在左边有一个菜单，应该加载不同的服务描述，点击右边的div，我已经做了AJAX调用，但现在我不知道如何把加载的内容放在页面上。

app/views/static_pages/servicios.html.erb

<%= provide(:title,'Servicios') %>
<% provide(:navbar,'serviciosnav') %>
<h1>Servicios</h1>
<div class="row">
    <div class="servicelist">
    <div class="navbar span4">
        <div class="navbar-inner">
            <ul class="nav" style="padding: 0">
            <% @servicios.each do |serv| %>
                <li><%= link_to serv.name,  "servicios/load?id="+serv.id.to_s, remote: true  %></li>
            <% end %>
            </ul>
        </div>
    </div>
    </div>
    <div id="servicedesc" class="span8">
        <%= render partial: "servicios/load", locals: {assets: @serv = @servicios.first} %>
    </div>
</div>
<script>
</script>

app/controllers/servicios_controller.erb

class ServiciosController < ApplicationController
  respond_to :html, :js
  def load
    @serv = Servicio.first
    if !params[:id].nil?
        @serv = Servicio.find(params[:id])
    end
    respond_with(@serv) do |format|
      format.html { render partial: "servicios/load"}
    end
  end
end

这是GET请求对服务器的响应:

GET http://localhost:3000/servicios/load?id=5
304 Not Modified
        63ms    
jquery.js?body=1 (line 8435)
ParamsHeadersResponseCookies
<h2>Promoción de Inversiones</h2>
<ul>
        <li>Captación de Inversionistas en Mercados Externos.</li>
        <li>Promoción de Proyectos Industriales, Empresariales e Inmobiliarios.</li>
        <li>Intermediación en la compra ó venta de Empresas.</li>
</ul>

我如何更新div#servicedesc每次我从菜单中选择的东西。我一直在网上阅读(API，论坛，这里)，但他们都令人困惑和混乱

Answer 1

jQuery有一个漂亮的函数叫做load()。

使用这行jQuery代码，div将加载并显示从控制器异步返回的任何内容:

$('.navbar').on('click', function(){
  $('#servicedesc').load('servicios/load?id=5');
});