[Rails] 如何 render .js，respond_to 小筆記

發表於 | 分類於 | 0 comments |

respond_to 小筆記

目的

　　很多地方都會需要用到 render 的技巧，在這邊由於要實作 endless page(或稱infinite scrolling)，所以需要動態的透過 ender ujs 來新增頁面中的資料。

前言

　　使用 RoR 開發即將步入第四個月，對於 ujs 懵懵懂懂，所以在這邊小筆記一下專案中所學習的！

筆記

　　在 controller 中，我們可以透過撰寫 respond_to 指定要 render 的內容，如：

examples_controller.rb
1
2
3
4
5
6
7
class ExamplesController < ApplicationController
	def example
    respond_to do |format|
      format.js # 如果 client ask for js -> 就 return |format|.js
    end
  end
end

　　Controller method(action) 透過 Default Rails mime-types 回傳相對格式作 render，上面的範例中，就會找到 /app/views/examples/example.js.erb 作 render。我們也可以透過block {}來作動作或檔案的 render，如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
respond_to do |format|
	format.js {
		# 在 client 端執行 alert (javascript)
		"alert('Hello Rails');",
    
		# page not fount
 		status: 404,
    
		# render /app/views/your-controller/test_action.js.erb
 		action: "test_action",
    
		# 將 test_item 以 json 格式 render 
		json:		@test_item,
    
		# 找到指定的檔案作 render
		file:		filename,
    
		# 直接 render text: Hello
		text:		"Hello"
	}
end

That’s it, DONE!

【參考資料】