Jquery 动态替换内容

Jquery 动态替换内容,jquery,ajax,html,plugins,css,Jquery,Ajax,Html,Plugins,Css,我正在开发一个有产品目录的单页网站 这些是基本特征: 单页网站,包括页眉、内容和页脚(HTML5/CSS3) 通过加载产品目录和每个部分动态更改内容,而不加载整个页面 深度链接 最好的解决方案是什么?插件?jquery 理想的解决方案是将每个内容部分放在一个单独的页面中,该页面将根据需要动态加载到主页上。这样,根据内容本身,我可以在每个页面中使用不同的设计(包括应用jquery插件的可能性) 提前感谢这个问题可能会引起争论,但是,您可以在jquery中使用标准的$.ajax调用,甚至使用回调

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

这些是基本特征:

  • 单页网站,包括页眉、内容和页脚(HTML5/CSS3)
  • 通过加载产品目录和每个部分动态更改内容,而不加载整个页面
  • 深度链接
最好的解决方案是什么?插件?jquery

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


提前感谢

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

$.get("/link/to.php",function(data)
{
   $("#newcontent").html(data);
});
要将其绑定到链接,请使用类似以下内容:

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

抱歉刚才的法语回答

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

对于纯客户端解决方案,带有rooter模块的新javascript框架google似乎解决了项目的所有约束。该框架是为易于制作MVC组件而设计的,它可以作为一个附加参数。 这个框架还很年轻,你可能对它不感兴趣,只需要一个框架的小长凳来确保它足够满足你当前和未来的需要

更一般地说,我认为您应该搜索riajavascript框架。也可能是别人比我会给你带来更多的答案


希望能有所帮助。

不知道你的要求是什么。。。如果你问如何最好地实现这一点,你已经回答了自己的问题,说明了HTML5/CSS3和jquery。。。不过我还是建议看看阿贾克斯。投票被否决的原因不是因为它被贴在了SO上,而是因为这个问题的性质是“哭”。没有明确的答案,因为这是一个非常模糊的问题。请改进一下。谢谢。。。我不熟悉jquery,但是可以通过jquery将带有jquery插件的页面加载到其他页面吗?thanks@user1463905可以使用JQuery的内置AJAX函数将整个页面加载到div中。上面的代码将加载到id为newcontent的任何html标记中的.php。如果您想将其加载到div标记中,只需使用“div#newcontent”。
 $(document).ready(function(){
     $("a[data-remote]").bind("click",function()
     {
         event.preventDefault();
         $.get("/link/to.php",function(data)
         {
             $("#newcontent").html(data);
         });
     }
 });