单击时使用Jquery刷新div

Question

可以说我有一个包含div和mysql数据的页面。 例如下面的代码：

<div id="example">
  <table class="table table-striped table-bordered">
    <thead>
      <tr>
        <th>#</th>
        <th>Name</th>
      </tr>
    </thead>
    <tbody>

      <?php $num_rows=1 ; // store the record of the "tblstudent" table into $row while ($row=m ysqli_fetch_array($result)) { // Print out the contents of the entry echo '<tr>'; echo '<td>' . $num_rows . '</td>'; echo '<td>' . $row[ 'name'] . '</td>'; $num_rows++;
      } ?>

    </tbody>
  </table>
</div>

如果在这种情况下，我只想刷新页面的某些部分<div id="example"> ，我该如何只用一个页面而不使用.load()或$.post做到这一点。 实际上有可能吗？

Answer 1

您发布的是PHP-在PHP中根本无法更新页面。 您可能会使用JavaScript来做到这一点。

如果要刷新页面的特定部分，通常可以使用AJAX来完成（ $.ajax或.load() ）。 由于您不希望/无法使用AJAX，因此IFRAME实际上是唯一的其他方法。 在单独的页面中将内容框架化，然后通过IFRAME将其包括在内。 您可以使用以下两种方法之一来刷新它：

document.getElementById('#FRAME').contentDocument.location.reload(true);

var iframe = document.getElementById(FrameId);
iframe.src = iframe.src;

Answer 2

您在页面加载时所做的克隆对象。 您需要采用全局变量。

var cloneObj;
$(document).ready(function (){
    cloneObj= $("#example1").clone();
});

现在，每当您需要刷新该元素时，只需调用以下代码即可。

$("#example1").replaceWith(cloneObj.clone());

我在以前的答案中使用了此代码。 请检查此FIDDLE

希望对您有帮助。 如果不是，请询问。 我会再试一次