How to intercept html code in php?

Question

PHP

There is a button, by clicking on which you need to intercept the block with all the content in which this button lies and insert another part of the document:

<?
for ($i=0; $i < count($stock_data[$i]); $i++) { 
      echo '<div class="main__categoties-wrapper__categorie-item hidden">
    <img class="item-img" width="100px" src="img/'.$stock_data[$i][1].'">
    <h1 class="main__categoties-wrapper__categorie-item__tittle">'.$stock_data[$i][2].'</h1>
    <h2>Артикул: '.$stock_data[$i][0].'</h2>
    <h2>Количество: '.$stock_data[$i][3].' шт.</h2>
    <form action="#" method="POST"><button class="add-item">Добавить</button></form>
    </div>';
  }
?>

Specifically here:

<form action="#" method="POST"><button class="add-item">Добавить</button></form>

I want to note that you need to intercept clean, already generated using php code, without php expressions.

Answer 1

The very basics. How PHP works.

Answer 2

here jquery saves
for the button you write a click event handler, you take data from the parent block .parent()

$('.add-item').click(function() {
 var content = $(this).parent().html();
 $.ajax({ 
url: 'load.php',
 data: {"setting": value_setting},
 dataType: "html",
 success: function(date) {
 // // // функция того, что выходит при успешном завершении скрипта
});
}

and send it via ajax to php handler