Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/251.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 选项卡中内容的动态更改_Php_Jquery_Html_Dynamic_Tabs - Fatal编程技术网

Php 选项卡中内容的动态更改

Php 选项卡中内容的动态更改,php,jquery,html,dynamic,tabs,Php,Jquery,Html,Dynamic,Tabs,我正在创建一个新网站,我需要一些编码方面的帮助。我的想法是,我有两个部分。第一个用于选项卡选择所需内容,第二个用作显示实际内容的位置 问题是,我已经找到了大量的指南,但它们包含了索引页面上所有标签的内容,但我有20多页,所以这是不真实的。我想要的是一个页面,当我单击不同的选项卡时,只有实际内容会发生变化,而不会刷新整个页面,并且它是从、外部html/php文件加载的。现在我不需要代码,我会很高兴地学习尽可能多的我自己,但我需要的是一个方向。我应该在哪里寻找解决方案。您需要使用AJAX。这将允许您

我正在创建一个新网站,我需要一些编码方面的帮助。我的想法是,我有两个部分。第一个用于选项卡选择所需内容,第二个用作显示实际内容的位置


问题是,我已经找到了大量的指南,但它们包含了索引页面上所有标签的内容,但我有20多页,所以这是不真实的。我想要的是一个页面,当我单击不同的选项卡时,只有实际内容会发生变化,而不会刷新整个页面,并且它是从、外部html/php文件加载的。现在我不需要代码,我会很高兴地学习尽可能多的我自己,但我需要的是一个方向。我应该在哪里寻找解决方案。

您需要使用AJAX。这将允许您通过Javascript触发对外部文件的调用,并在不需要刷新的情况下将结果显示在当前页面上。

很抱歉,代码被破坏,无法显示,现在已修复。借助谷歌的强大功能,我发现了大量的结果,这正是我所需要的,非常感谢没问题,祝你好运。为了让您的生活更轻松,我建议将AJAX与jQuery结合使用。
<?php --this is my index page--
header('Content-Type: text/html; charset=iso-8859-1');
  include ('Header.php');
  include ('Navigation.php');
  include ('Content.php');
  include ('Footer.php');
?>

<section class="tabs"> --this is my navigation tab--
  <ul class="links1lvl">
     <li class="active"><a>About</a>
        <ul class="links2lvl">
           <li class="active"><a href="../about/who.html">O nás</a></li>