AJAX 使用 format.js 和 format.json 的区别以及问题

chaucerling — Thu, 05 Nov 2015 16:54:06 +0800

def update
  @product = product.find(params[:id])
  respond_to do |format|                                            
    if @product.update(product_params)
      format.html { redirect_to @product } 
      format.js
      format.json { render json: @product, status: :accepted }
    else
      format.html { render action: "edit" }
      format.js
      format.json { render json: @product.errors, status: :unprocessable_entity }
    end
  end
end

// update.js.erb
<% if @product.errors.any? %>
  $('#alert').show()
  $('#alert-content').html('<%= @product.errors.join(', ')%>')
<% else %>
  $('#product_<%= @product.id %>').replaceWith('<%= j render(@product) %>');
<% end %>

format.js 返回的是浏览器可执行的 js 代码，一般是把渲染好的 html 片段对页面元素做替换或者增添
format.json 返回的是 json 数据，需要前端操作 dom 对 view 进行修改
对于有大量属性和复杂结构的页面，format.js 有优势，因为后端只要对一个模版进行渲染即可，而 format.json 需要写大量 dom 操作，而且 view 页面上要加上很多的 id
状态判断，format.js 是后端根据业务逻辑生成不同操作的 js 代码让浏览器执行（应该也可以前端根据返回码操作），format.json 是根据返回码判断请求是否成功，然后再对返回对结果作处理

我觉得使用 format.js 的优点是可以减少对 dom 的操作，但对每一个 action 都要新建不同的 view，显得有点零碎。而 format.json 的优点是纯前端处理，数据传输量少，但要自己写很多的 dom 操作。

我之前也写过一点 ember，如果只是在 app 上做简单的 ajax，而不是做 spa，ember 显得太重了

不知道有什么 gem 或者轻量的前端框架能结合两者的优点？

[已解决] Grape 的路由不能用 rake routes 显示？

chaucerling — Wed, 20 May 2015 23:47:31 +0800

环境：rails4.2.1, grape0.11.0

#app/api/v1/root.rb
class V1::Root < Grape::API
  version 'v1'
  format :json

  get :hello do
    {hello: "world"}
  end
end

#route.rb
mount V1::Root => "/api"

访问http://localhost:3000/api/v1/hello的结果是正确的{"hello":"world"} 但 rake routes 只能显示这样

 Prefix Verb URI Pattern Controller#Action
v1_root      /api        V1::Root

解决方案：建一个 rake task rails g test grape routes

#lib/tasks/grape.rake
namespace :grape do
  desc "TODO"
  task routes: :environment do
    V1::Root.routes.each do |route|
      path = route.route_path
      path.sub!("(.:format)",".json")
      path.sub!("/:version","")
      r = {
        method: route.route_method,
        path: path,
        params: route.route_params,
        desc: route.route_description
      }
      puts r.map{|k,v| "#{k}:#{v}"}.join('  ')
    end  
  end
end

执行 rake grape:routes 结果 method:GET path:/hello params:{} desc:

chaucerling (chaucerling)

AJAX 使用 format.js 和 format.json 的区别以及问题

[已解决] Grape 的路由不能用 rake routes 显示？