Ruby on rails 使用AJAX和Rails教程
我对RoR是相当陌生的,现在我对使用内置RoR帮助器渲染视图感到很舒服。但是,我希望使用Ruby编写后端,使用纯HTML、CSS、Javascript、jQuery和AJAX编写前端。我想知道是否有人能给我一个关于如何做以下事情的教程:Ruby on rails 使用AJAX和Rails教程,ruby-on-rails,ruby,ajax,Ruby On Rails,Ruby,Ajax,我对RoR是相当陌生的,现在我对使用内置RoR帮助器渲染视图感到很舒服。但是,我希望使用Ruby编写后端,使用纯HTML、CSS、Javascript、jQuery和AJAX编写前端。我想知道是否有人能给我一个关于如何做以下事情的教程: 使用AJAX加载数据(我已经解决了这个问题,但是如果我能阅读更多关于这个主题的教程,那就太好了) 使用AJAX更新/编辑数据 如何格式化我得到的JSON数据——比如将数据放入表中,等等 我对自己做了相当多的研究,但我找不到一个完整的教程。。。提前谢谢
- 使用AJAX加载数据(我已经解决了这个问题,但是如果我能阅读更多关于这个主题的教程,那就太好了)
- 使用AJAX更新/编辑数据
- 如何格式化我得到的JSON数据——比如将数据放入表中,等等
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 %>
window.location.hash=“”
$(“#节容器”).remove()
$(“#home h3+a”)。在(“#{j(呈现“项目/项目框”)之后)
$('.modal dialog').css('max-height','30em'))
$(“#添加项目”).replace为(“#{j(render'projects/add#u project')}”)
我的雇员再培训局可能会关闭