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

?

有一個(gè)有趣的情形是,當(dāng)需求沒有那么復(fù)雜,你想要的真的非常清晰,非常直觀,非常簡(jiǎn)單時(shí),關(guān)于網(wǎng)站,我完全可以非常輕量級(jí)的非常愜意的去做這件事情,然后版本迭代,漸進(jìn)增強(qiáng),

我嘗試著,可以使用json進(jìn)行通用的數(shù)據(jù)傳遞,制定出一套數(shù)據(jù)的請(qǐng)求接口(ajax的url),這是一個(gè)思路再清晰不過的后臺(tái)了

頁面可以徹底使用靜態(tài)的html,同樣可以做到動(dòng)態(tài)的數(shù)據(jù),例如一個(gè)用戶列表頁和一個(gè)用戶詳情頁,html技術(shù)里本身js即可以實(shí)現(xiàn)截獲相應(yīng)請(qǐng)求參數(shù),異步請(qǐng)求,頁面重定向等

?

//user_list頁內(nèi)
<a href="user_profile.html/?user_id=5">跳到user_profile頁去</a>//user_progile頁內(nèi) 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);});

?

當(dāng)然這樣做同樣有非常多的不足之處,

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

轉(zhuǎn)載于:https://www.cnblogs.com/isdom/p/webtips009.html

總結(jié)

以上是生活随笔為你收集整理的静态页面之间的转发与json与ajax做到动态数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。