通过AJAX加载Web应用程序内容

Question

我即将构建一个Web应用程序（而不是Web演示文稿），它将通过AJAX（jQuery）将其内容加载到特定的div中。 div上方会有一个菜单，当用户点击菜单中的一个项目时，相应的页面将被加载到主div中。

我想知道是否有任何缺点和优点，选择这种模式的Web应用程序。

到目前为止，我很喜欢浏览器后退按钮和历史记录/网址将会消失。

Answer 1

两个可能的缺点是，它可以使用户难以书签您的网站内容和困难搜索引擎区分网站上的网页。

您应该提供更多关于采取此方法的原因的信息。您可能有充分的理由，或者可能是使用技术（AJAX）的情况，因为它使用起来很酷。

如果您想给用户快速响应的印象，那么是的AJAX加载您的网页，但仍然有不同的网址每页。这将需要更多的代码，但它会解决我提到的两个问题。

http://yourdomain.com/home.aspx //loads its own content via AJAX 

    http://yourdomain.com/contact.aspx //loads its own content via AJAX 

    etc 

这确实是唯一适当的，如果你有很多的内容，或者内容涉及耗时的计算，如金融网站。在大多数情况下，只需要正常加载您的页面或将您的内容分解成分页块将会更轻松。

Answer 2

这种方法的主要目的是让你的网站很难搜索引擎抓取。他们不会阅读Javascript，因此您的内容不会被他们看到或编入索引。尝试做progressive enhancement，以便他们（以及任何不使用Javascript的用户，例如屏幕阅读器）不会落后。

另一方面，你可以可以保持浏览器的历史功能。这可以使用URL散列完成，例如， http://www.example.com/#home vs http://www.example.com/#about-us。要做到这一点，最好的办法是让本Alman的hashchange plugin然后使用hashchange事件：

$(window).hashchange(function(){ 
    var location = window.location.hash; 

    //do your processing here based on the contents of location 
}); 

这将允许用户使用历史记录功能和他们的浏览器的书签添加函数。请参阅他网站上的文档以获取更多信息。