靜態頁面之間的轉發與json與ajax做到動態數據

我們見過很多使用jsp ,php,asp的動態網頁技術的網站了,我們知道如果一個網站內容更新頻率極低,而內容量不是十分龐大時,這樣的網站(一次開發完成后不會需要較多的維護成本)的完全可以使用全部使用靜態頁面來做,此時其實反而可以得到更好的效果(更快的響應時間(省掉了服務器各種攔截器,過濾器,數據庫查詢..),...)

?

有一個有趣的情形是,當需求沒有那么復雜,你想要的真的非常清晰,非常直觀,非常簡單時,關于網站,我完全可以非常輕量級的非常愜意的去做這件事情,然后版本迭代,漸進增強,

我嘗試著,可以使用json進行通用的數據傳遞,制定出一套數據的請求接口(ajax的url),這是一個思路再清晰不過的后臺了

頁面可以徹底使用靜態的html,同樣可以做到動態的數據,例如一個用戶列表頁和一個用戶詳情頁,html技術里本身js即可以實現截獲相應請求參數,異步請求,頁面重定向等

?

//user_list頁內
<a href="user_profile.html/?user_id=5">跳到user_profile頁去</a>//user_progile頁內
var req=window.location.search; //console.log('query:'+req);
var user_id=req.substr(1).substr(8);var profile="http://xxxxx.com/api/users/"+user_id+"/profile";$.getJSON(profile,function(data){console.log(data);$('#nick_name').text(data.data.nickname);});

?

當然這樣做同樣有非常多的不足之處,

但顯而易見的一件事情是,少寫了非常多的一堆代碼,少用了一堆library,仍然快速搭建起了一個具體可用的網站,以一種觸手可及信手拈來的方式.