這周的主要講課內容是Ajax,除了把目前常用的幾種ajax語法講一次外,也拿了丙級的題目來練功,用簡單的方式來取代原本的iframe載入頁面功能,不過最後的大魔王是我準備的測驗系統實作。

這個測驗系統的db是網頁丙級學科的題目,然後我讓學生試著去撰寫php的api來回應前端的請求,利用jQuery的$.get(),$.post(),$.ajax()幾個方法來達到請求資料及回傳資料的功能;

系統主畫面

作答功能畫面

這個系統的實作花了兩天的時間講解,除了ajax的使用,也同時講解了如何利用取得的json資料進行畫面的佈局,真心覺得這是誠意滿滿的範例,就怕同學吸收不了,不過這點技巧真的只是進入業界的基礎而已。

因為這個系統也是我原本就有在規劃要進行的專案,提供給學生練習的內容己經簡化了不少,但我自己要做的規模則是大上許多,計畫中是要擴展這套系統到可以放入更多的題庫類型,希望可以在幾個月內抽空完成。

 

最後修改日期: 2018-12-15

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。