如何使用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_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);
                    }
                });
            }
        });
    }
}

Answer 2

您不能僅使用ajax刷新元素，就可以處理ajax或其他文件中的內容，並使用ajax將其替換為舊內容。