Всем привет. Не могу решить проблему, надеюсь, кто-то поможет. У меня есть база данных table_products. В ней есть столбец image(который содержит изображение) и image1(который так же содержит изображение, но другое). Нужно при нажатии на определенную кнопку(на сайте), изменить image на image1 без перезагрузки страницы. Помогите, пожалуйста
HTML: <table> <thead> <tr> <th>Название</th> <th>Картинка</th> </tr> </thead> <tbody> <tr> <td>table_products<td> <td>image<td> <tr> <tr> <td>table_products<td> <td>image<td> <tr> </tbody> </table> <button id="img_change">Заменить</button> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $( "#img_change" ).click(function() { $.post( "test2.php", { img: "img"}) .done(function( data ) { let json = JSON.parse(data); if(json !== false) { $( "tbody" ).html(json); } }); }); </script> PHP: <?php function getImage() { if(isset($_POST['img'])) { $image = $_POST['img']; //sql запрос $db_result = [ ['image2' => 'новая картинка 1', 'table_products' => 'продукт 1'], ['image2' => 'новая картинка 2', 'table_products' => 'продукт 2'] ]; if( count($db_result) > 0) { $result =''; foreach( $db_result as $item) { $result .= "<tr> <td>{$item['table_products']}<td> <td>{$item['image2']}<td> <tr>"; } return $result; } } return false; } echo json_encode(getImage());
Немного дополню свой вопрос. В этих столбцах уже заданы картинки в базе данных, нужно сделать обычную кнопку на сайте и привязать к ней функцию, чтобы при нажатии на нее менялся первый столбец, то есть столбец - image на второй столбец - image1. В общей сложности будет 4 кнопки, то есть 4 столбца image, image1, image2, image3. И нужно при нажатии на каждую кнопку менять картинку в первом столбце - image на ту, которая в других столбцах
@KovehSergey вам когда самый простой вариант, выгрузить все картинки. Не нужные в данные момент просто скрыть. По нажатию на кнопки показывать одно, скрывать другое
Да, я думал об этом уже. Но в корзине товаров будет отображаться столбец image. А картинка в нем будет прежней, даже если человек выбрал другую. Поэтому нужно заменять картинку в столбце на картинку из другого столбца
@KovehSergey где то вы не туда свернули, в корзине должен лежать id товара. От которого для пользователя тянется все остальное.