问题 Rails 3 - 使用jquery ajax调用partial的link_to
我想要一个 链接到 显示部分通过jquery ajax，但似乎无法让它工作（编辑：返回空白屏幕），我不知道我错过了什么。任何帮助，将不胜感激。
我想点击“预览小工具”链接并显示它 _widget.html.erb 在div 预习。
根据我的理解，链接“预览窗口小部件”应该调用该操作 def preview_widget 哪个叫 preview_widget.js.erb 然后呈现部分 _widget.html.erb 在div。
编辑： 根据Ignatius Reza的建议更新链接
show.html.erb
<%= link_to "Preview Widget", :action => 'preview_widget' , :id => @widget.id, :remote => true %> %>
<div id="preview"></div>
widget_controller.rb
def preview_widget
respond_to do | format |
format.js {render :layout => false}
end
end
preview_widget.js.erb
$( "#preview" ).html( "<%= escape_javascript( render( :partial => "widget", :locals => { :widget => @widget} ) ) %>" );
_widget.html.erb
<% @widget.videos.each do |video| %>
<h3><a href='#'><%= video.name %></a></h3>
<div>
<object height='316' width='540'>
<embed style='border: 1px solid #333333;' height='316' width='540' allowfullscreen='true' allowscriptaccess='always' type='application/x-shockwave-flash' src='<%= video.url %>'>
</object>
</div>
<% end %>
的routes.rb
match 'preview_widget' => 'widgets#preview_widget'
8557
2018-01-22 05:40
起源
答案:
好的，最后得到了以下更改。
的routes.rb （添加成员到窗口小部件资源）
resources :widgets do
member do
get 'preview_widget'
end
end
show.html.erb （更改link_to以匹配路线）
<%= link_to 'Preview', preview_widget_widget_path(:id => @widget.id), :remote => true %>
现在显示部分。我仍然不能100％确定以前的代码有什么问题 - 至少它现在有效。
6
2018-01-24 00:01
在你的问题上没有清除，你“似乎无法让它工作”......但是从我给你的代码中看到的......一切似乎都是对的，但是你错过了真正的ajax调用..
它可以通过添加：remote => true添加到“预览窗口小部件”链接，例如：
<%= link_to "Preview Widget", :action => 'preview_widget' , :id => @widget, :remote => true %>
如果默认行为足够..或者您可以在application.js上添加自己的自定义ajax调用..
作为一个注释，我不认为设置“预览窗口小部件”链接到@widget的：id属性是明智的..因为它将放置窗口小部件的字符串表示，通常看起来像“<Widget：0x12412 ..> “也许最好把它改成”widget-link-#{@widget.id}“
5
2018-01-22 06:02
答案:
好的，最后得到了以下更改。
的routes.rb （添加成员到窗口小部件资源）
resources :widgets do
member do
get 'preview_widget'
end
end
show.html.erb （更改link_to以匹配路线）
<%= link_to 'Preview', preview_widget_widget_path(:id => @widget.id), :remote => true %>
现在显示部分。我仍然不能100％确定以前的代码有什么问题 - 至少它现在有效。
6
2018-01-24 00:01
在你的问题上没有清除，你“似乎无法让它工作”......但是从我给你的代码中看到的......一切似乎都是对的，但是你错过了真正的ajax调用..
它可以通过添加：remote => true添加到“预览窗口小部件”链接，例如：
<%= link_to "Preview Widget", :action => 'preview_widget' , :id => @widget, :remote => true %>
如果默认行为足够..或者您可以在application.js上添加自己的自定义ajax调用..
作为一个注释，我不认为设置“预览窗口小部件”链接到@widget的：id属性是明智的..因为它将放置窗口小部件的字符串表示，通常看起来像“<Widget：0x12412 ..> “也许最好把它改成”widget-link-#{@widget.id}“
5
2018-01-22 06:02
我有一个类似的问题让我受到这种威胁，所以我认为在这里分享我的解决方案可能对任何人都有帮助。
同 :remote => true 我收到了正常的HTTP请求 http://localhost:3000/info/about?remote=true 而不是想要的AJAX请求 http://localhost:3000/info/about
修复很容易，但很难找到！
在我的HAML视图中：
错误触发HTTP请求的代码
= link_to( image_tag("icons/information.png", :title => t('menu.info')), :controller => "info", :action => "about", :remote => true )
OK-Code触发AJAX请求
= link_to( image_tag("icons/information.png", :title => t('menu.info')), {:controller => "info", :action => "about"}, :remote => true )
唯一的区别是{花括号}！
有趣的是，我得到的是AJAX请求 info/about.html 渲染，没有布局文件。这不是偏袒的，但接近于Jan想要的。
我在期待 info/about.js.erb 被渲染。
在InfoController中
def about
respond_to do |format|
format.html # renders ‘views/info/about.html.erb’ inside layout template on HTTP Request
format.js# renders ‘views/info/about.html.erb’, without layout
end
end
-
def about
respond_to do |format|
format.html # => ‘views/info/about.html.erb’ inside layout template on HTTP Request
format.js {render 'about.js'} # => renders ‘views/info/about.js.erb’
end
end
4
2017-09-20 19:26