纯ajax html网页,JavaScript – 页面加载纯HTML AJAX网站中的替代品

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)投掷闪屏告诉用户页面正在加载.再次,用户一般不会在开始时出现少量加载时间的问题,如果页面在此之后是快速的.