[JavaScript][MySQL][PHP] Dodawanie wpisów do bazy danych przyciskiem Opcje

[shakugan45]

Witam. Nie znam się kompletnie na javascript, ale znam jakotako PHP. Na swojej stronie generuję z php listę seriali opartą na bazie danych mysql. Teraz chcę dodać przycisk przy każdej z pozycji która będzie dodawała ID danego serialu oraz ID użytkownika ($_SESSION['user_id']) do bazy danych watchlist bez odświeżania strony, sprawdzając najpierw czy w tej bazie danych nie istnieje już dana kombinacja id filmu i id użytkownika (czy użytkownik już przypadkiem nie dodał tego jako "obejrzane"). Domyślam się, że potrzebny jest tu javascript, ale jak już wspomniałem - nic a nic go nie ogarniam. Jest ktoś w stanie pomóc?

Ten post edytował shakugan45 25.01.2014, 16:13:17

[timon27]

Funkcja javascript która wykona php bez przeładowania strony:

[HTML] pobierz, plaintext 
<script>
function ramka(url){
	var xmlhttp;
	if (window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest();
	}else{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
 	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
			//tu możesz coś zrobić z xmlhttp.responseText które zawiera to co php wyświetlił
		}
	}
 	xmlhttp.open("GET",url,true);
	xmlhttp.send();
}
</script>
[HTML] pobierz, plaintext 

Możesz tą funkcję wywołać na mnóstwo sposobów np:

[HTML] pobierz, plaintext 
 
<button onclick='ramka("zapis.php?id=27&film=456")'>Oglądałem film 456ty</button>
[HTML] pobierz, plaintext 

Ten post edytował timon27 25.01.2014, 18:27:53

[shakugan45]

Dzięki, właśnie o coś takiego mi chodziło. Ale mógłbyś wyjasnić jeszcze w jaki sposób uruchomić funkcję php w tym skrypcie i jak w momencie kliknięcia przycisku "Oglądałem film (...)" zmieni jego treść na "Dodano do listy" ?

[Turson]

Poczytaj o ajaxie jquery. Po prostu podajesz ścieżkę do pliku, który ma się wykonać (np. php bez przeładowania strony).

[shakugan45]

Ok, przeczytałem tutorial do ajax'a i wyszło mi coś takiego:

[HTML] pobierz, plaintext 
  <script type="text/javascript" src="jquery-1.11.0.js"></script>
  <script>
function ajaxload(url){
$('#addresponse').load(url)
};
</script>
[HTML] pobierz, plaintext 

Użyte jako onclick działa poprawnie, ale czy to wystarczy to bezpiecznego używania na stronie? Potrzebne są jakieś dodatkowe zabezpieczenia?