Автоматическое обновление только измененного содержимого после изменения в базе данных

Question

У меня есть страница, на которой пользователь имеет возможность выбирать между дизайном «A» или «B» и т. Д. С помощью «щелчка», сделанного с помощью JQuery/AJAX. У меня есть foreach, который слушает то, что пользователь выбирает, и выводит соответственно в div.

Мой вопрос: Как я смог бы сделать это так, что это только содержание, которое изменяется, что обновляется мгновенно, так что пользователь может легко переключаться между дизайн «A», «B» или «C»?

Это то, что у меня есть сейчас, обновит весь сайт ...

$("#presetchange2").on('click', function() { 
    $.ajax({ 
     url: "includes/presethandler2.php", 
     success: function(){ 
      window.location.reload(true); 
     } 
    }); 
}); 

РНР я использую

<?php 
$query = " 
     SELECT 
       dashboard_presets.includes AS includes 
       FROM dashboard 
       INNER JOIN dashboard_presets 
       ON dashboard.preset = dashboard_presets.preset 
       WHERE user_id = $user_id 
    "; 
try 
{ 
    // Runs query to DB 
    $stmt = $db->prepare($query); 
    $stmt->execute(); 
} 
catch(PDOException $ex) 
{ 
    die("Failed to run query: " . $ex->getMessage()); 
} 
$rows = $stmt->fetchAll(); 
?> 

и

<?php foreach($rows as $row): ?> 
    <div class="col-md-4 col-sm-6"> 
     <?php echo $row['includes']; ?> 
    </div> 
<?php endforeach;?> 

Answer 1

Ну, если вы заставляете ваш сервер возвращать parti аль только разметка вам необходимо заменить пресет вы можете сделать что-то вроде:

$("#presetchange2").on('click', function() { 
    $.ajax({ 
     url: "includes/presethandler2.php", 
     success: function(html){ 
      $('#targetElement').html(html); 
     } 
    }); 
}); 

Где targetElement является идентификатором элемента, который вы пытаетесь заполнить.