Update bazy danych za pomocą ajaxu

Question

Cześć!
Jestem w trakcie pisania strony gdzie jedną z funkcjonalności jest dodanie polubienia konkretnego obrazu. Mam stworzony button, gdzie onclick przekierowuje do funkcji add korzystającej z jquery. Funkcja wyrzuca sukces, wypisuje się alert, ale nie wykonuje się kod z pliku likes.php. Oba pliki są w tym samym folderze. Co może być problemem?

<script
			  src="https://code.jquery.com/jquery-3.5.1.min.js"
			  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
			  crossorigin="anonymous">
</script>
<script> 
	 function add(id){  
	 	jQuery.ajax({ 
	 		type: "POST", 
	 		url: 'likes.php', 
	 		data: 'id='+id, 
	 		success: function(response) 
	 		{ 
	 		alert(id); 
	 		console.log(id);
	 		} 
	 	}); 
	 } 
</script>

//Plik likes.php
<?php 
//Connect to the database 
require_once "connect.php";
$connection = @new mysqli($host, $db_user, $db_password, $db_name);

//Check if POST value exists 
if($connection->connect_errno!=0){
		 	
		echo "Error: ".$connection->connect_errno;
	}
	else{
		if (isset($_POST['id'])){ 

			//Get the value from post method 
			$id = $_POST['id'] ; 
			echo $id;
			//Prepare the query 
			$query = "UPDATE images SET  likes = likes + 1 WHERE id = ".$id; 

			//Run the query 
			mysql_query($query); 
		}
	} 
?> 

 

Comments

Co znajduje się w zmiennej response będącej argumentem metody success w jQuery? Wewnątrz tej metody wołasz alert i console.log nie przekazując argumentu response tylko zmienną id, którą przesłałeś w zapytaniu na serwer. Może w PHP wykonuje się if($connection->connect_errno!=0) świadczący o błędzie połączenia z bazą danych? Usuń symbol @ przy new mysqli, to powinno rzucić błędem, jeśli faktycznie jest problem z połączeniem z bazą.

---

Był problem z mysql_query   już wszystko śmiga :D

Answer 1

url: 'likes.php', 
data: { id : id },
dataType: "html",
success: function(response) 

jQuery.ajax() -> send data

Więcej danych data: { id: id, name: "name" }

Sprawdzenie

success: function(response) 
{ 
     console.log(response);
}