单击菜单项,然后使用php页面更新div内容

单击菜单项,然后使用php页面更新div内容,php,jquery,Php,Jquery,我有一个logged_in.php页面,登录成功后会自动重定向到该页面。此页面包含一个侧边栏。可以单击侧栏中的菜单项,我希望在单击链接时不要重新加载侧栏。相反,例如,侧边栏右侧的div应该用page.php填充 如何使用jQuery实现这一点 提前感谢您所描述的是AJAX的一个简单用法,Jquery使之变得简单。一个解决方案的完整文档可在此处找到: 这是我将要尝试的东西的草图。到目前为止,这不是唯一的方法,但它相对方便 要将文本加载到的DIV应该有一个id,可能是这样的:id='ajaxCont

我有一个logged_in.php页面,登录成功后会自动重定向到该页面。此页面包含一个侧边栏。可以单击侧栏中的菜单项,我希望在单击链接时不要重新加载侧栏。相反,例如,侧边栏右侧的div应该用page.php填充

如何使用jQuery实现这一点


提前感谢

您所描述的是AJAX的一个简单用法,Jquery使之变得简单。一个解决方案的完整文档可在此处找到:

这是我将要尝试的东西的草图。到目前为止,这不是唯一的方法,但它相对方便

  • 要将文本加载到的DIV应该有一个id,可能是这样的:id='ajaxContent'。因此div HTML将如下所示:
  • 侧边栏中要“触发”要重新加载的div的每个链接都应该有一个公共类,可能是class='ajaxTrigger'
  • 为每个链接指定一个单独的属性,可能如下所示:load='page1.php'。所以第一个链接看起来像这样:
    Page 1
  • 编写一个Jquery侦听器,检测用户何时单击链接,并将其重定向到适当的页面。也许是这样:
  • $(document).ready(function(){
      $('.ajaxTrigger').click(function(){
        var pageName = $(this).attr('load');
        $('#ajaxContent').load('/path/to/page/'+pageName);
      });
    });
    

    在上面的代码中,pageName没有什么神奇之处。它只是一个字符串,由您在link标记中指定,成为要加载的URL的一部分。对于每个链接,只需调整load属性以指向不同的页面。如果页面位于不同的子文件夹中,您也可以在其中添加斜杠。

    我不知道如何添加斜杠,您能给我发送一个页面链接,在其中解释这一点吗?我是jQuery的新手。希望我的回答对下文有所帮助。但总的来说,我认为SO社区希望提问者在提问之前做一些研究。如果您在谷歌上搜索“jquery加载页面的一部分”,我在下面提供的相同文档将很容易获得。非常感谢。下次我会做得更好,但是与其他类似问题的类似答案相比,你的答案对我来说更清楚。我已经有一个来自css文件的类,所以现在它变得有点混乱。我怎样才能改变这一点呢?嗨@bashoogzaad,这个问题太模糊了(而且有点离题),我无法在这里有效地回答。当你遇到问题时,请花时间更全面地描述你的情况和问题,并举例说明。发现您的问题清晰彻底的用户将更愿意并能够提供有帮助的回答。