-1

我有一个logged_in.php 页面，当登录成功时您会自动重定向到该页面。此页面包含一个侧边栏。可以单击侧边栏中的菜单项，并且我希望在单击链接时不重新加载侧边栏。实际上，侧边栏右侧的 div 应该用 page.php 填充。

我怎么能用 jQuery 做到这一点？

提前致谢

4

1 回答 1

1

您所描述的是 AJAX 的简单用法，而 Jquery 使这很容易。一个解决方案的完整文档可以在这里找到：http: //api.jquery.com/load/

这是我将尝试的粗略草图。到目前为止，这不是唯一的方法，但它相对方便。

  1. 您希望文本加载到的 DIV 应该被赋予一个 id，可能是这样的： id='ajaxContent' 。所以 div HTML 看起来像这样：<div id='ajaxContent'></div>
  2. 您想要“触发” div 重新加载的侧边栏中的每个链接都应该有一个公共类，可能是： class='ajaxTrigger' 。
  3. 给每个链接一个单独的属性，可能像这样： load='page1.php' 。所以第一个链接看起来像这样：<a class='ajaxTrigger' load='page1.php'>Page 1</a>
  4. 编写一个 Jquery 侦听器，用于检测用户何时单击链接，并将其重定向到适当的页面。也许是这样的：

$(document).ready(function(){
  $('.ajaxTrigger').click(function(){
    var pageName = $(this).attr('load');
    $('#ajaxContent').load('/path/to/page/'+pageName);
  });
});

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

于 2013-09-10T13:43:34.003 回答