jquery - 动态替换内容

Question

我正在开发一个包含产品目录的单页网站。

这些是基本特征：

• 一页网站，带有页眉、内容和页脚 (HTML5/CSS3)
• 通过加载产品目录和每个部分而不加载整个页面来动态更改内容
• 深层链接

最好的解决方案是什么？插件？jQuery，... ?!?!

理想的解决方案是将每个内容部分放在一个单独的页面中，该页面将按需动态加载到主页。这样我就可以根据内容本身在每个页面中进行不同的设计（包括应用 jquery 插件的可能性）。

提前致谢

Answer 1

这个问题可能会引起辩论，但是，您可以使用 jquery 中的标准 $.ajax 调用甚至是带有回调的 $.get 调用来做您想做的事情。如

$.get("/link/to.php",function(data)
{
   $("#newcontent").html(data);
});

要将其绑定到链接，请使用类似于：

<a href="/path/to.php" data-remote="true">Link</a>

然后在您的脚本中使用：

 $(document).ready(function(){
     $("a[data-remote]").bind("click",function()
     {
         event.preventDefault();
         $.get("/link/to.php",function(data)
         {
             $("#newcontent").html(data);
         });
     }
 });

Answer 2

抱歉之前的法语回答。

据我所知，如果后端是用 Java 完成的，GWT是一个很好的解决方案，通过“地点和活动”模块，您可以轻松设置 Web 应用程序的公共部分和根据页面变化的动态部分。该模块还支持深度链接。

对于纯客户端解决方案，带有 rooter 模块的新 javascript 框架 google angularjs似乎可以解决您项目的所有限制。这个框架是为轻松制作 MVC 组件而设计的，它可以是一个额外的参数。这个框架非常年轻，你可能对框架的小 Bencher 不感兴趣，以确保它足以满足你当前和未来的需求。

更一般地说，我认为您应该搜索 RIA javascript 框架。也可能是我以外的其他人会给你带来更多的答案。

希望它可能会有所帮助。