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


how to change content without reloading the page?

本问题已经有最佳答案，请猛点这里访问。

好吧，那就说我有导航栏。

  • home
  • about me
  • contact

      • 我有一个页面上的内容，我想根据选择哪个

    • 而改变，而不重新加载整个页面。仅仅为了更新2个div而重新加载整个页面似乎有点毫无意义。

      例如，当选择home时，我想加载包含在中的home.php+将

    • home

      • 的类更改为selected等。

      我应该使用Ajax吗？还是应该使用$u get->更改URL？

      我是一个初学者->很抱歉有一些基本问题。

      为了任何帮助！

      相关讨论

      您可以使用Ajax。

      但是如果你是一个初学者，那么另一个不使用Ajax的解决方案是：

      ？将所有内容放在一个文件中

      ？将ID放在与内容相关的DIV上(DIV包含"about"content=DIV about)

      ？只需在单击时切换与内容相关的DIV

      如下(jquery中的js)：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      $(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更新：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      <ul>
       <li class="selected">home
      </li>
       
      <li>
      about me
      </li>
       
      <li>
      contact
      </li>
       
      <ul>

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

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

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