Javascript 使用单个jQuery脚本更新多个DIV标记

我有一个页面，从后端系统提取订单状态，然后在页面上显示状态更新。我需要使页面动态加载，因为现在页面需要很长时间才能立即更新

我让我的代码工作，以便HTML页面首先加载，然后在页面上加载单个状态更新

组成部分：

index.php-page-basic第w页。请求订单的jQuery代码\u updatestatus.php。 orders_updatestatus.php-第页。从后端系统提取信息并显示信息。通过GET接收要更新的订单。 HTML index.php-这很有效

<div id="updateref"></div>

jQuery:index.php的一部分-这很有效

<div id="updateref"></div>

更新代码

我当时的想法是，我需要为每个订单创建一个div，以便可以单独更新它们

$results = $mysqli->query("SELECT reference FROM orders;");
while($row = $results->fetch_assoc()) {
  print '<div id="updateref'.$row['reference'].'"></div>';
}

因此，使用上面的代码，我将如下所示：

<div id="updateref20000"></div>
<div id="updateref20001"></div>
<div id="updateref20002"></div>
<div id="updateref20003"></div>
<div id="updateref20004"></div>
etc..

到目前为止，一切都很顺利。现在，我需要您帮助构建相应的jQuery代码，以便它能够更新所看到的每个“updaterefXX'-div”

我的问题是：如何更新以下代码，以便在页面上更新每个updateref-div：

<script type="text/javascript">
// Update order status
  $(function () {
    $.ajax({
      url: 'orders_updatestatus.php?reference=100000025',
      success: function (data) {
        $('#updateref').html(data);
      }
    });
  });
</script>

更新/澄清：我需要的是脚本为每个div提取orders\u updatestatus.php，并使用GET变量。 例如：

使用脚本请求orders\u updatestatus.php？reference=1000，并在准备就绪时显示

使用脚本请求orders\u updatestatus.php？reference=1001，并在准备就绪时显示

---

等等，谢谢

您可以使用以选择器和开头的属性。每个属性都可以迭代id以updateref开头的所有元素。replace可以替换id中不是要在查询字符串中设置的数字的部分，set.innerHTML可以替换$.ajax call的成功回调中的当前元素

---

我的问题是：如何更新以下代码，以便在页面上更新每个updateref-div：each.innerHTML是否希望在$.ajax success函数中设置为相同的值数据？我不确定是否理解这个问题。标签都应该用相同的功能更新，但是一个接一个。所以首先更新，然后，等等。谢谢！你说的一个接一个是什么意思？您是否希望在$.ajax成功时使用.html在每个位置设置相同的数据？或者你希望elements.innerHTML被设置为不同的值吗？我是一个PHP程序员，当涉及到javascript/jQuery时，我有点傻，抱歉。我需要的是脚本为每个div提取orders\u updatestatus.php，并使用GET变量。因此，对于脚本，它提取orders\u updatestatus.php？reference=1000，对于脚本，它提取orders\u updatestatus.php？reference=1001等。谢谢！

 $("[id^=updateref]").each(function(index, element) {
   $.ajax({
     url: "orders_updatestatus.php?reference=" + element.id.replace(/\D/g, ""),
     success: function(data) {
       element.innerHTML = data;
     }
   });
 })