考慮另一種情況:
1. 頁面上半部分顯示目前的所有使用者,頁面下半部分是輸入新使用者的界面;
2. 每當輸入新使用者時,頁面上半部分會動态更新新加使用者的内容;
我們還是用ajax實作,不過這次用rails内部對ajax的支援,其中在伺服器端傳回一個js腳本,然後在用戶端執行。
建立user資料結構 rails g scaffold user name:string age:integer
接着應用資料庫視圖 rake db:migrate
修改index.html.erb的内容:
同時建立一個局部模闆_users.html.erb:
接下來增加伺服器端對js的支援,很簡單:
别忘了還要寫伺服器端的js腳本哦。在view下的users目錄中建立一個create.js.erb檔案:
基本完成鳥。整個流程大體如下:
首先使用者通路users/index頁面,當輸入name和age點選送出後會進入create action,其中的format.js一句提供了ajax支援,它會在浏覽器端執行create.js.erb的内容:把建立使用者資訊異步動态插入頁面上半部分。