Javascript 如何在页面中显示请求中的数据

因此，我一直在为我的公文包开发一个功能，其中“关于我”页面基本上是一个带有选项卡的“文档”，当您单击选项卡时，会显示与该选项卡相关的内容。我遇到的问题是，我不知道如何将php文件中的数据转换成html。所以基本上我让选项卡工作，我让ajax工作，它到达php，php从数据库获取数据，但我不知道如何显示这些数据。我将分享我的代码：

HTML:

php:

这是我的db查询类：

<?php
require_once 'dbh.class.php';
 class QueryDatabase extends Database {



  public function getData($tablename, $selector, $value) {

    if (!isset($selector)){
        echo 'Something went wrong!';
    } else if ($selector == ''){
      $stmt = $this->connect()->query("SELECT * FROM $tablename");
      while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){

        return $row;
      }
    }else {
      $stmt = $this->connect()->query("SELECT * FROM $tablename where $selector = $value");
      while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){

        return $row;
      }
    }
    }


  public function setData($tablename, $colums, $data) {
    if (!isset($tablename) or !isset($data)) {
      echo 'Something went wrong!';
    } else {
      $sql  = "INSERT INTO $tablename";
      $sql .= $colums;
      $sql .= $data;
      $q = $this->connect()->prepare($sql);
      $q->execute();
    }

  }
  protected function changeData() {

  }
  protected function delData() {

  }
}

---

您可以进行以下更新来完成此操作：

为目标赋予每个选项卡数据属性：

<li data-target=".content-about" class="tab-about tab 1"><a href="#">About me</a></li>
<li data-target=".content-work" class="tab-work tab 2"><a href="#">Work experience</a></li>
<li data-target=".content-school" class="tab-school tab 3"><a href="#">Education</a></li>
<li data-target=".content-other" class="tab-other tab 4"><a href="#">Other cetrificates</a></li>

<divc class="content-school"></div>

在成功功能中，参考_target

$(_target).html(data);

谢谢，我要试试看！很好地抓住了随机的c顺便说一句lol没有注意到这一点。编辑：好吧，我试过了，试过了console.log\u目标，但它是undefined@FlorisKroeze，我更新了单击处理程序的答案。我看到了！它仍然说它是未定义的，谢谢你清理了我的代码，顺便说一句，我没有意识到它可能这么短，哈哈，编辑：没关系，我只是太累了，我想我不会给atm编码了。我将数据目标添加到了content div的your code中，效果非常好！
<?php
  include 'classes\dbh.class.php';
  include 'classes\querydatabase.class.php';
  include 'classes\about.class.php';

$tab = $_POST['tab'];
$try = new About();
$try->setTab($tab);
$try->getPage();
extract($try->pageData, EXTR_PREFIX_SAME, "wddx");

echo $title;


exit;

<li data-target=".content-about" class="tab-about tab 1"><a href="#">About me</a></li>
<li data-target=".content-work" class="tab-work tab 2"><a href="#">Work experience</a></li>
<li data-target=".content-school" class="tab-school tab 3"><a href="#">Education</a></li>
<li data-target=".content-other" class="tab-other tab 4"><a href="#">Other cetrificates</a></li>

<divc class="content-school"></div>

$('.tab').click(function(){
  _target = $(this).data("target");
  $('.tab.active').removeClass('active');
  $(this).addClass('active');

$(_target).html(data);