Is my goal impossible or there’s a mature approach out there?

最近有很多JavaScript框架圍繞這個概念(“單頁應用程序”)設計,使頁面加載,而沒有預先加載任何數據,并通過AJAX訪問所有數據.這些框架的一些例子是AngularJS,Backbone.js,Ember.js和Knockout.所以不,這根本就不可能.我建議您了解這些框架和其他框架,以找到一個似乎適合您所在網站的框架.

The idea is to read URL parameters using JS (after the page has loaded),and then make an AJAX request,and then fetch the data and show them on the page.

這聽起來好像是個好主意

Here是一個例子,說明如何使用JavaScript從當前頁面的URL中提取查詢參數.

I know that instead of having 1 request to the server (Web Forms),we are now having 2 Requests,the first request to get the page,and the second request is the AJAX request. And of course this has lots of delays,since the page will be loaded at the beginning without the actual data that I need inside it.

這就是為什么你不應該擔心這一點：

>用戶的瀏覽器通常會緩存HTML文件和相關的JavaScript文件,所以第二次訪問您的站點時,瀏覽器將發送請求以檢查文件是否已被修改.如果沒有,服務器將發回一個短消息,只是說它們沒有被修改,并且文件將不再需要再發送.> AJAX響應將僅包含頁面所需的數據,而不包含任何標記.因此,檢索在服務器上生成的頁面將涉及比組合可緩存的.html文件和AJAX請求的方法更多的數據傳輸.因此,即使您提出兩個請求而不是一個,總負載時間也應該更少.如果您擔心在加載AJAX數據時,用戶將看到沒有內容的頁面,您可以(a)在加載數據時使頁面完全為空(只要不太慢,這不應該是一個問題),或(b)投擲閃屏告訴用戶頁面正在加載.再次,用戶一般不會在開始時出現少量加載時間的問題,如果頁面在此之后是快速的.

總結

以上是生活随笔為你收集整理的纯ajax html网页,JavaScript – 页面加载纯HTML AJAX网站中的替代品的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。