使用AJAX和Rails教程
使用AJAX和Rails教程
提问于 2014-06-14 22:44:17
我对RoR相当陌生，现在我已经习惯于使用内置的RoR助手来呈现视图了。不过，我想使用Ruby编写后端，并使用纯HTML、CSS、Javascript、jQuery、AJAX编写前端。我想知道是否有人能向我介绍如何做以下工作的教程：
- 用AJAX加载数据(我弄清楚了这一点，但如果我能阅读更多关于这个主题的教程，那就太好了)
- 使用AJAX更新/编辑数据
- 如何格式化返回的JSON数据-例如将数据放入表中等。
我做了不少研究，但我找不到一个整体的教程.提前谢谢！！
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-14 23:55:51
用ajax从数据库中更新
使用ajax进行实时编辑
一些有用的ajax片段
这些可能会有帮助。
简单的方法是使用rails来完成这个任务。我推荐它，因为它很容易。
这是是设置该系统的指南。
这里是一个伟大的链接，这也可以帮助。
基本原则是在控制器中创建一个操作。
def create
@project = Project.new(project_params)
respond_to do |format|
if @project.save
flash.now[:notice] = 'Project added successfully'
format.html { redirect_to projects_path }
format.js { }
else
@created = false
format.html { render 'new' }
format.js { render 'create.js.erb' }
end
end
end在这里，您可以看到当create操作被触发时，如果它保存，它会添加项目，并有format.html作为备份，但是尝试使用format.js。
format.js呈现create.js.erb，它采用javascript和erb的混合方式来更新页面。
这只是一个基本的例子，您可以使用JSON做更多的工作。
My create.js.erb
<%if !defined? @created %>
window.location.hash = ''
$("#section-container").remove()
$('#home h3 + a').after("#{j( render 'projects/project_boxes')}")
<% else %>
$('.modal-dialog').css('max-height', '30em')
$("#add-project").replaceWith("#{j(render 'projects/add_project')}")
<% end %>我的急诊室可能被关闭了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24224945
复制相关文章
相似问题
腾讯云开发者
