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框架。也许别人比我更能为你带来更多的答案。

希望它可以提供帮助。

动态替换内容

2 个答案: