ruby on rails 局部刷新
2015-04-11 04:05
274 查看
假设现在有一组ruby on rails文件,有example_controller.rb,在view中有example文件,里边有一个index.html.erb,有一个_html_code.html.erb,里边是需要刷新的html代码
index.html.erb中的代码是:
以上代码的js部分是提交一个请求给后台,成功后修改refresh-part部分的代码
那么现在再看controller部分:
以上代码将变化的部分值传给html_code部分,然后将html_code部分的代码都转换为string传回给当前ajax请求,最后post到页面上。
index.html.erb中的代码是:
..... <div id='refresh-part'> <%= render :partial => 'html_code', :locals => {var: @vars}%> </div> ..... <script> $(".submmit-btn").click(function () { $.ajax({ type: "POST", url: "/example", data: {}, dataType: 'json', success: function(date){ $('#refresh-part').html(date.htmls); } }); }); </script>
以上代码的js部分是提交一个请求给后台,成功后修改refresh-part部分的代码
那么现在再看controller部分:
def index @vars = some_new_value render :json => { :htmls => render_to_string({ :partial => "html_code", :locals => {var: @vars} }) } return end
以上代码将变化的部分值传给html_code部分,然后将html_code部分的代码都转换为string传回给当前ajax请求,最后post到页面上。
相关文章推荐
- ruby on rails全局布局,局部视图,局部布局
- Ruby on Rails 数据库Migration操作语句实例
- ruby on rails 的redis 使用
- Rails新书出版了:Agile Web Development with Ruby on Rails
- Ruby On Rails上手笔记(安装使用全过程)
- Ruby on Rails,在Controller中指定渲染的Templates
- Ruby on Rails之父获得Google/O'Reilly 2005年度Best Hacker
- ruby on rails
- ruby on rails常见的服务器
- 在Ruby On Rails中实现Mail发送的功能
- Ruby on Rails学习 笔记(一)
- Ruby on Rails
- RubyOnRails 学习网站
- Ruby.on.Rails.Web开发之旅-3-在ruby中使用面向对象编程
- ruby on rails安装(ubuntu 14.04)
- Ruby on Rails 常用命令
- 安装 ruby on rails
- Ruby On Rails有什么好