Javascript 执行AJAX调用时未从PHP创建DIV

我试图在我的主PHP文件中调用一个PHP脚本。display_stationinfo.php应该在main中创建div，但它不是

这就是我到目前为止所尝试的，我对Jquery和AJAX还不熟悉。提前谢谢

工作小提琴： 这就是我想要做的，但是当我点击desk\u box DIV时，我的display\u stationinfo.php脚本并没有创建toggle station\u info DIV

当我查看源代码时，两个div都应该已经创建，但只有desk_box是。。我做错了什么

JQuery/AJAX部分：

显示我要调用的\u station.php脚本：

？>

正在从表坐标中获取每一行，这是您想要做的吗？还是只想返回具有用户单击的id的行

jQuery

$.ajax({
  url: 'display_stationinfo.php',
  data: { 'id': id },
  type: 'POST',
  success: function(result) {}
});

$.ajax({
  url: 'display_stationinfo.php',
  data: { 'id': id },
  type: 'POST',
  dataType: "json",
  success: function(json) {
    $("#station_info_"+id)
      .css({'left':json.x_pos ,'top': json.y_pos})
      .append('<p>Hello the id is:'+ json.id +'</br>Section:'+ json.sec_name +'</p>');
  }
});

php

看看你，我还想问题可能是你返回了一个字符串并将其放入目标div中，这样完成的div看起来像这样：

<div class="station_info_" id="station_info_84" style="position: absolute; left: 20px; top: 90px; display: block;">
  <div class="station_info_" id="station_info_84" style="position:absolute;left:20px;top:90px;">
    Hello the id is:84<br>
    Section:Section B<br>
  </div>
</div>

jQuery

$.ajax({
  url: 'display_stationinfo.php',
  data: { 'id': id },
  type: 'POST',
  success: function(result) {}
});

$.ajax({
  url: 'display_stationinfo.php',
  data: { 'id': id },
  type: 'POST',
  dataType: "json",
  success: function(json) {
    $("#station_info_"+id)
      .css({'left':json.x_pos ,'top': json.y_pos})
      .append('<p>Hello the id is:'+ json.id +'</br>Section:'+ json.sec_name +'</p>');
  }
});

---

您是否验证了ajax调用工作正常并且返回了html？是的，我检查了控制台，在所有地方都放置了警报，警报结果为我提供了所有正在创建的div。。它包含它。问题是我不知道如何提取它们。基本上我有两个div。单击桌面盒DIV时，它必须切换station info DIV。在该station info中，它必须包含要显示的信息，这些信息正从display\u Stationinfo.php查询。所有div都显示在屏幕上。我刚刚测试了你的代码，我不得不修正你的一些拼写错误，但在我查看源代码时仍然没有创建station_info DIV。这就是我想要的：你能粘贴ajax调用返回的内容吗？很抱歉，我给了你一个错误的提琴看看，当你点击一个框时，你会明白我想要什么：从哪里返回？你从php得到了什么，结果变量中有什么？

<div class="station_info_" id="station_info_84" style="position: absolute; left: 20px; top: 90px; display: block;">
  <div class="station_info_" id="station_info_84" style="position:absolute;left:20px;top:90px;">
    Hello the id is:84<br>
    Section:Section B<br>
  </div>
</div>

while ($row = mysqli_fetch_assoc($station_result)) {
    $id       = $row['coordinate_id'];
    $x_pos    = $row['x_coord'];
    $y_pos    = $row['y_coord'];
    $sec_name = $row['section_name'];

    $result = array('id' => $id, 'x_pos' => $x_pos, 'y_pos' => $y_pos, 'sec_name' => $sec_name);
    echo json_encode($array);
}

$.ajax({
  url: 'display_stationinfo.php',
  data: { 'id': id },
  type: 'POST',
  dataType: "json",
  success: function(json) {
    $("#station_info_"+id)
      .css({'left':json.x_pos ,'top': json.y_pos})
      .append('<p>Hello the id is:'+ json.id +'</br>Section:'+ json.sec_name +'</p>');
  }
});