如何使用 AJAX 刷新元素

Question

我有一个元素。 <div> .并且我已经从数据库中获取了动态内容，我已经使用 AJAX 执行了一些数据库操作，并且我能够从其他 php 文件加载页面的某些部分，但在同一页面上，我希望我的另一个div 从数据库重新填充其数据。

这是我的manage_your_listing.php

<div class="col-sm-12 pd">
  <ul class="nav nav-tabs notificationtabs">
    <li class="active"><a href="#live_on_site" data-toggle="tab">Live On Site</a></li>
    <li><a href="#pendding_review" data-toggle="tab">Pending Review</a></li>
    <li><a href="#pause" data-toggle="tab">Pause</a></li>
  </ul>
</div>
<div class="tab-content">
  <div class="tab-pane fade active in" id="live_on_site" >
    <?php
        include'manage_order/live_on_site.php';
    ?>
  </div><!-- End tab1-->                    
  <div class="tab-pane fade" id="pause" >
    <?php
        include'manage_order/pause_order.php';
    ?>  
  </div><!-- End tab2 -->
</div><!-- End tab-content -->

这是我live_on_site.php的 AJAX 函数

function ConfirmPause(prod_id){
  $.ajax({
    type: "get",
    url: "seller/manage_order/live_on_site_pause.php?prod_id="+prod_id.id,
    cache: false,
    dataType: "html",
    asyc: false,
    success: function (data) {
      $("div#live_prod").html(data);
    }
  });
}

所以最后我的live_on_site.php的live_proddiv 被重新填充了live_on_site_pause.php

的内容

但我想要的是，pause_order.php 中有一个div，它可以在此处指定的每个 PHP 文件中访问，并且该div 正在使用 select 语句填充一些数据库内容，我希望它只是刷新，这可能吗？ 还是我需要创建一个新的 PHP 文件并使用 ajax 调用它？

Answer 1

我通过使用嵌套的ajax函数解决了它。我想在使用 ajax 处理一些数据库更新后刷新一个div，但后来我发现 ajax 无法刷新div，它只是从源位置复制一些数据并将其粘贴到指定位置。因此，在以前的ajax函数取得成功的同时，我又键入了一个对我有用的ajax函数。

function ConfirmPause(prod_id)
{
    if (confirm("Pause Product?"))
    {
        $.ajax({
            type: "get",
            url: "seller/manage_order/live_on_site_pause.php?prod_id=" + prod_id.id,
            cache: false,
            dataType: "html",
            asyc: false,
            success: function (data) {
                $("div#live_prod").html(data);
                //nested ajax to change pause products tab real time the moment user pauses a product it will get removed from live tab and will be added to pause products tab
                $.ajax({
                    type: "get",
                    url: "seller/manage_order/pause_order_resume.php",
                    cache: false,
                    dataType: "html",
                    asyc: false,
                    success: function (data) {
                        $("div#pause_prod").html(data);
                    }
                });
            }
        });
    }
}

Answer 2

你不能

只用ajax刷新一个元素，你可以在ajax或其他文件中处理一些东西，并使用ajax用旧内容替换它。