0

servicios我的内部有一个名为的视图static_pages，该视图左侧有一个菜单，应在右侧单击时加载不同的服务描述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>

应用程序/控制器/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

Ans 这是对服务器的 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，论坛，这里），但它们都令人困惑和混乱

4

1 回答 1

0

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

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

$('.navbar').on('click', function(){
  $('#servicedesc').load('servicios/load?id=5');
});
于 2013-01-20T12:31:34.557 回答