Как через Ajax вытащить и передать id в php скрипт???

Question

[Mike_Polit]

Суть такова! Есть вот такой вывод изображений из БД

<div class="gallery">
	<?php
		include_once 'includes/db_connect.php';
		$query = $db->query("SELECT * FROM portfolio ORDER BY id DESC LIMIT 15");
		while($row = $query->fetch_assoc()):
		$imageURL = 'img/portfolio/'.$row["file_name"];
	?>
		<div class="gallery_block">
			<a class="views" href="<?php echo $imageURL; ?>">
				<img src="<?php echo $imageURL; ?>" />
			</a>
		</div>
	<?php endwhile; ?>
	</div>

По клику на ссылку в колонку в БД views я записываю +1 через ajax, но я хочу это сделать для каждой id по отдельности, а для этого нужно как то через ajax передать id изображения!

$('.views').click(function() {
    var $this = $(this);
        $.ajax({
            type: 'POST',
            url: 'includes/ajax.php',
        });
        return false;
});

<?php
include 'db_connect.php';
$id = $_POST['id'];
mysqli_query($db, "UPDATE portfolio SET views = views + 1 WHERE id = '$id'");
?>

Comments

[Mike_Polit]

Алексей, проблема в том что не знаю как((

Как правильно скомпоновать ajax запрос и php скрипт

[Дмитрий]

Mike_Polit, тот вариант не заработал?

[Mike_Polit]

Дмитрий, к сожалению нет((

[Дмитрий]

проблема в том что не знаю как((

Mike_Polit, на toster постоянная тема, да и в google куча решений.
Лень искать?

Answer 1

[Makssof]

Делаешь как-нибудь так:

<img data-image-id=<?= $imageId ?> src="<?= $imageURL ?>" />

Потом в js получаешь $.data("image-id")

Comments

[Mike_Polit]

Хорошо!

Вот что я получил:

<div class="gallery">
	<?php
		include_once 'includes/db_connect.php';
		$query = $db->query("SELECT * FROM portfolio ORDER BY id DESC LIMIT 15");
		while($row = $query->fetch_assoc()):
		$imageURL = 'img/portfolio/'.$row["file_name"];
		$imageId = $row["id"];
	?>
		<div class="gallery_block">
			<a class="views" href="<?php echo $imageURL; ?>">
				<img data-image-id=<?= $imageId ?> src="<?php echo $imageURL; ?>" />
			</a>
		</div>
	<?php endwhile; ?>
	</div>

И Ajax:

$('.views').click(function() {
    var id = $(this).attr('data-image-id');
        $.ajax({
            type: 'POST',
            url: 'includes/ajax.php',
            data : {id: id},
        });
        return false;
});

Как теперь этот id передать в эту функцию, чтобы можно было перезаписать запись в БД!

<?php
include 'db_connect.php';
$id = $_POST['id'];
mysqli_query($db, "UPDATE portfolio SET views = views + 1 WHERE id = '$id'");
?>

[Дмитрий]

Mike_Polit, так этот ид будет в ajax.php $_POST['id'] или $_POST['data']['id']
Проще в ajax.php проверить что в пост прилетает, через print_r например

[Mike_Polit]

Mike_Polit, Заработало, только вот этот атрибут поставил не на изображение а на ссылку
data-image-id=<?= $imageId ?>