javascript - 如何使用 AJAX 刷新元素？

Question

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

这是我的ma​​nage_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_prod div 被重新填充了 live_on_site_pause.php 的内容

但我想要的是，pause_order.php 中有一个 div，可以在此处指定的每个 php 文件中访问该 div，并且该 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);
                    }
                });
            }
        });
    }
}