如何使用 jquery ajax 将页面/div 自动加载到 foreach 循环中的数据？答案

【问题标题】：How to auto load page/div using jquery ajax to the data within foreach loop?如何使用 jquery ajax 将页面/div 自动加载到 foreach 循环中的数据？
【发布时间】：2017-09-26 04:58:04
【问题描述】：

直到现在我都被这些代码困住了，我知道 ajax 的代码这是错误的..或者有些不对劲..

 <script>
      $(document).ready(function() {
      $.ajaxSetup({ cache: false }); 

      setInterval(function() {

         $('#divToRefresh').load('userCount.php', function(data) {

            $.each($(data), function(key, value) {
                  alert(value);
            });
           });
          }, 3000);
        });
      </script>

这里是 userCount.php

$get_temp = "SELECT * FROM temperature_setting WHERE device_key = 'YMR200'";
    $result = $conn->query($get_temp);

     while($row = $result->fetch_assoc()) {
          $temp_id[] = $row['temp_id'];

      }
      foreach ($temp_id as $id_value) {
         $get_current_value = "SELECT $id_value FROM data_current WHERE device_key = 'YMR200'";
            $result_value = $conn->query($get_current_value);
              $row_value = $result_value->fetch_assoc();
                  $value[] = $row_value[$id_value];
     }
        print_r($value);

有15个值，所以每个值都应该去每个

 foreach ($temp_id as $id_value) { ?>

    <p id="divToRefresh"></p>
    <br>
<?php } ?>

根据当前 userCount 的输出是

Array ( [0] => 65 [1] => -8 [2] => -5 [3] => -3 [4] => -5 [5] => 25 [6] => -5 [7] => -5 [8] => -5 [9] => -5 [10] => -5 [11] => -5 [12] => -5 [13] => 25 [14] => -5 )

我想要的是把这些价值放在每个

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

    <p id="divToRefresh"></p>
    <br>

【问题讨论】：

您在整个 DOM 中重复了相同的 id 属性。这是无效的，因为它们必须是唯一的。请改用class
会有什么变化......即使我把课程放在循环里面，所以还是一样
不清楚您要做什么。您正在遍历 15 个 div，为每个 div 发出 AJAX 请求，然后尝试将 PHP 中相同的循环值填充到每个 div 中？发出一个 AJAX 请求会更有意义
我想要做的是......我在一个循环中有那个 div，它将给出 15 个相同 id 的 div..现在我想从我返回的 ajax 加载中获取值15个值..分别到每个div..
你能添加你想要的输出吗

标签： javascript php jquery ajax database

【解决方案1】：

也许这就是你想要的

$(document).ready(function() {
        setInterval(function() {
          $.ajax({
            type: 'get',
            url: 'userCount.php',
            cache: false
          }).done(function(data) {
            $.each($(data), function(key, value) {
              $('#itemsTableBody').append($('<tr>').append($('<td>').text(value)));
            });
          });
        }, 3000);
      });

<html>
  <body>
    <table>
      <thead>
        <tr>
          <td>Item</td>
        </tr>
      </thead>
      <tbody id="itemsTableBody"></tbody>
      <tfoot>
        <tr>
          <td>Item</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

【讨论】：