[Ajax?][php][mysql] LINK + inkrementacja wartości Opcje

[Koldy]

Witam,

Mamy sobie taki odnośnik:
LINK (xx)

Po kliknięciu na niego, wartość się inkrementuje (baza danych) i zwraca nowy wynik.
LINK(xx+1)

Czyli:
Wysyłamy zapytanie o pobranie wartości.
Inkrementacja wartości.
Wyświetlenie nowej wartości.

O, coś ala np. 'Mocne' na demotywatorach.

Ogólnie to nie sprawiłoby mi problemu, gdyby nie to, że ma się to odbyć bez przeładowania strony.
Nie mam pojęcia nawet jak się zabrać do tego. Wszystko już zrobiłem, tylko tego nie mogę...

Pomożecie?

Ten post edytował Koldy 18.09.2010, 23:15:15

[everth]

Na jQuery -

[JAVASCRIPT] pobierz, plaintext 
$('a.moje_odnosniki').click(function(e) {
 e.preventDefault(); //powstrzymuje przed przeładowaniem strony
 href = $(this).attr('href'); // adres klikniętego linka
 $.get(href); //wykonuje zapytanie poprzez ajax
}
[JAVASCRIPT] pobierz, plaintext 

Piszesz do tego linki z odpowiednio dopasowanymi parametrami, a po stronie skryptu kod inkrementujący i powinno hulać. Od biedy da się to zapisać również w czystym JSie - tylko trochę więcej pisania i testowania.

[Koldy]

To jeszcze takie pytanie, czy używając jQuery strona nie straci na wydajności?

No i tam gdzie dałeś href, to rozumiem, że ma być link, ale później, piszesz, że zapytanie ajax. Chodzi tu o zapytanie MySQL przez Ajax, czy wykonanie kodu zawartego w pliku, który wskazałem w herf?

Sory, ale AJAX to czarna magia dla mnie.

[everth]

Ech, tam zamiast zapytanie, powinno być żądanie - byłoby mniej problemów z interpretacją. Zobacz na poniższy przykład:

[HTML] pobierz, plaintext 
<a href='increment.php?id=1' class='moje_odnosniki'>Link 1 (<span>1</span>)</a>
<a href='increment.php?id=2' class='moje_odnosniki'>Link 2 (<span>1</span>)</a>
[HTML] pobierz, plaintext 

Przy założeniu że skrypt increment.php inkrementuje konkretny link w bazie (o numerze ID) i zwraca jego nową wartość to skrypt mógłby wyglądać tak:

[JAVASCRIPT] pobierz, plaintext 
$('a.moje_odnosniki').click(function(e) {
   e.preventDefault(); //powstrzymuje przed przeładowaniem strony
   myObj = $(this); //nasz link
   href = myObj.attr('href'); // adres klikniętego linka
   $.get(href, function(new_val) {  //wykonuje żądanie poprzez ajax
      // tutaj przypisujesz zróconą wartość jakiemuś elementowi - może być umieszczona np. w linku w elemencie span
      $('span',myObj).text(new_val);
   });
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował everth 19.09.2010, 01:58:34