Javascript 如何使用AJAX刷新元素？

我有一个元素用于ex.

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

这是我的管理你的清单。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的live_prod div被重新填充了live_on_site_pause.php的内容

---

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

我使用嵌套的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);
                    }
                });
            }
        });
    }
}

---

您不能只使用ajax刷新元素，您可以在ajax或其他文件中处理某些内容，并使用ajax将其替换为旧内容。

当然可以。检查此变量并在其基础上应用条件

$\u SERVER['HTTP\u X\u REQUESTED\u WITH']

检查

ajax

&

normal

虽然可以检查它是否是ajax请求，但通常会有一个单独的页面，只返回数据部分并使用它。然后，您可以在另一个页面中预加载一个页面，或者更快地加载框架（页面边框细节等）（没有初始数据），并通过Ajax拉入第一条记录。这给人一种更灵敏的感觉。@Franky你想说什么？我应该如何处理$_SERVER['HTTP\u X\u REQUESTED\u with']？@TrueBlueAussie你能把你的命令作为答复吗？

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);
                    }
                });
            }
        });
    }
}