Question

我有一个ex的元素。 <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通过使用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用旧内容替换它。

如何使用AJAX刷新元素？

2 个答案: