天天看點

rails應用ajax之二:使用rails自身支援

    考慮另一種情況:

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的内容:把建立使用者資訊異步動态插入頁面上半部分。