Обновить div с помощью JQuery на клике

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

Надеюсь, это вам поможет. Если нет, то спросите. Я попробую еще раз