Question

好的，那就让我说我有导航栏，例如。

<ul> <li class="selected">home</li> <li>about me</li> <li>contact</li> <ul>

我在页面上有一个内容，我希望根据选择的<li>进行更改而不重新加载整个页面。重新加载整个页面只是为了更新2个div似乎有点无意义。

例如。当选择home时，我想将<div class='content'> + <li> home</li>更改类中包含的home.php加载到选定的等等。

我应该使用AJAX吗？或者我应该使用$ _GET - ＆gt;改变URL？

我是初学者 - ＆gt;对不起基本问题。

Thx可以提供任何帮助！

Answer 1

要从新请求更改部分页面，请使用Ajax。你可以在网上找到很多关于它的信息。

也就是说，使用ajax进行简单网站的基本导航是不好的尝试。只需做一个正常的导航。

Answer 2

您可以使用Ajax。

但如果你是初学者，没有Ajax的另一种解决方案：

•将您的所有内容放在一个文件中

•在您的div上放置与内容相关的ID（div包含“about”content = div＃about）

•只需在点击时切换div，与内容相关

像这样（带有jQuery的JS）：

$(document).ready(function(){
  $('nav a').click(function(){
    var dest = $(this).attr('href');
    $('div.content').fadeOut(); // Hide all content divs
    $(dest).fadeIn(); // Show the requested part
    // You can do all of this using addClass / removeClass and use CSS transition (smoother, cleaner);
  return false;  
});
});

HTML更新：

<ul> <li class="selected"><a href="#home">home</a></li> <li><a href="#about">about me</a></li> <li><a href="#contact">contact</a></li> <ul>

如果你不知道什么是Ajax，我想这个解决方案对你来说更好。

如何在不重新加载页面的情况下更改内容？

2 个答案: