2010-09-10 34 views
9

我真的很喜歡像FogBugzFacebook這樣的網站通過異步加載頁面內容來提供快速的用戶界面。網站有什麼好的JavaScript/AJAX界面模式?

什麼是一些很好的資源和模式應用於其他網站?我正在尋找一種解決方案,爲每個頁面創建唯一的哈希URL,保留歷史記錄和基本的瀏覽器功能,並且如果JavaScript未啓用(這是Facebook的一個很好的例子),就會優雅地降級。

This blog post是一個很好的開始,但它遠非完整的解決方案/模式 - 任何使用jQuery的方法都會很棒。

回答

1

我發現pjax是迄今爲止最有前途的解決方案。從https://github.com/defunkt/jquery-pjax:從服務器到當前頁面

pjax加載HTML沒有一個完整的 重裝。這是一個真正的固定鏈接,頁面標題和完全降級的後退按鈕。

pjax增強了瀏覽體驗 - 僅此而已。

你可以找到http://pjax.heroku.com/

演示
1

IMO,爲了一個例子,讓網站正常降級,你應該首先建立至少在最低級別的網站框架,你」重新開始支持。在你的情況下,這將是標準的回發。

一旦你掌握了這一點,你就可以開始添加ajax交互。

我在使用ASP.NET MVC時所採取的方法是讓一個函數從頭開始構建整個頁面(用於常規回發),然後使用一些額外的方法來動態地通過Ajax刷新內容。如果我想實現像oyu描述的'單頁'方法,那麼我將處理超鏈接的onclick事件,並調用一個ajax方法,將'構建整個頁面'方法呈現爲一個字符串,然後將該字符串抽入我的內容div。

HTH

0

這裏是有關加載內容的jQuery大文章,而當JS被diasebled它gracefuly下降。 link text

相關問題