Ajax刷新部分不能在rails中工作
Ajax to refresh partial not working in rails
我想在主页上显示用户文章信息,用户点击My Articles
链接,然后将显示信息,不需要刷新整个页面:
for ArticlesController
:
def index
@user = User.find(params[:user_id])
@articles = @user.articles.page params[:page]
respond_to do |format|
format.html { render :index }
format.js
end
end
index.html.erb
:
<%= render 'index/my_articles' %>
部分视图_my_articles.html.erb
:
<div class="panel panel-default" id="my_articles">
<ul class="list-group">
<% @user.articles.each do |article| %>
<li class="list-group-item">
<%= link_to article.title, user_article_path(@user, article) %>
<% end %>
</li>
</ul>
</div>
index.js.erb
:
$("#my_articles").html("<%= escape_javascript(render 'index/my_articles').html_safe %>");
当我点击链接时没有显示任何内容,但是根据rails日志呈现的部分内容:
Started GET "/users/55daf9df57d2fa0a9c000006/articles" for ::1 at 2015-08-30 00:22:20 +0800
Processing by ArticlesController#index as JS
Parameters: {"user_id"=>"55daf9df57d2fa0a9c000006"}
Rendered index/_my_articles.html.erb (3.7ms)
Rendered articles/index.js.erb (6.4ms)
Completed 200 OK in 24ms (Views: 21.7ms | ActiveRecord: 0.0ms)
我不熟悉ajax和JS,希望有人能帮助我,提前感谢!
试试这个方法。添加:remote=> true,并将结束标签放在li标签后面。
<div class="panel panel-default" id="my_articles">
<ul class="list-group">
<% @user.articles.each do |article| %>
<li class="list-group-item">
<%= link_to article.title, user_article_path(@user, article), :remote => true %>
</li>
<% end %>
</ul>
</div>
在index.js.erb中编辑到
$("#my_articles").html("<%= escape_javascript(render 'my_articles').html_safe %>");
相关文章:
- Rails-JQueryUIAutcomplete和AJAX不工作,可以't连接到数据库
- 引导程序转盘不工作:堆叠图像(使用rails)
- 为什么Turbolinks不能正常工作?Rails应用程序
- Rails Production-可以工作,但不能编辑/删除/创建记录
- escape_javascript无法在rails 3.2.7中工作
- 地图,rails 4.2,javascript,鼠标悬停,只工作一次(或两次).然后在重新加载之后
- Rails JQuery和Ajax对我来说工作不正常
- 为什么不是't在我的rails部分中工作的DataTables
- Rails页面JS可以在真正的浏览器/手动测试中工作,但不能在PhantomJS&硒规格
- 如何让手图在 Rails 中工作
- Rails 应用程序中不显眼的 JS 无法按预期工作
- rails 预编译 为什么 javascript 在本地不起作用,但在 heroku 它可以工作
- Rails 3.2.3 JavaScript 突然停止工作
- Javascript文件只能在Rails应用程序中按字母顺序工作
- 如何让 AJAX 使用 rails 和 JavaScript 计时器工作
- 自动关闭引导警报在 Rails 中停止工作
- Rails 4:资产管道的正常CSS/JS开发工作流程
- Rails 4 Ajax 调用只工作一次
- Rails 4 turbo-link 阻止 jQuery 脚本工作
- Rails 应用程序 - jQuery Document.ready在单击链接时不调用,但在新选项卡中打开或刷新时工作