[Ajax][php] Wykonywanie skrypu php poprzez Ajax Opcje

[qdesigner]

Witam!

Potrzebuję pomocy przy budowie skryptu Ajax. Muszę się przyznać, że ajax to dla mnie świeży temat.

Skrypt ma wyglądać następująco:

Na stronie php wyświetlać się będzie lista linków:

[HTML] pobierz, plaintext 
<a href="#" onload=funkcjaajax() id="$numer_kategorii">link1</a>
<a href="#" onload=funkcjaajax() id="$numer_kategorii">link2</a>
<a href="#" onload=funkcjaajax() id="$numer_kategorii">link3</a>
[HTML] pobierz, plaintext 

Chciałbym aby funkcja ajax wywołała skrypt php z pliku przykładowo plik.php, który wykorzysta zmienną ID=$numer_kategorii z klikniętego linku.

Wiem jak wykonać taką funkcjonalność poprzez php, ale muszę zrobić skrypt, który nie odświeży strony podczas wykonywania kolejnego skryptu.

Proszę o jakieś wskazówki.
Z góry dziękuję.
Pozdrawiam

Qdesigner

[Ilware]

może to Ci pomoże

[HTML] pobierz, plaintext 
 function funkcjaajax()
	{
		var xhr = createXMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState==4) { // Obsługa żądania została zakończona
      if (xhr.status==200) {
        gebi('wynik').innerHTML = xhr.responseText; //zwraca wynik do np. DIV'a z id="wynik"
      } else {
        alert(xhr.status);// wyświetla rodzaj błędu 
      }
    }
  }
  xhr.open("POST", "script.php", true);//scieżka do pliku może być i jak wysyła oraz czy daje jakiś zwrot może być POST albo GET
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.send();// wysyłane wartości do pliku php podajesz jak adres z get np id=2&nr=1
  xhr.overrideMimeType('text/html; charset=UTF-8');
	}
 
 
 function createXMLHttpRequest() {
      try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
      try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
      try { return new XMLHttpRequest(); } catch(e) {}
      alert("Brak obsługi XMLHttpRequest");
      return null;
}
 
function gebi(id) {
  return document.getElementById(id);
}
[HTML] pobierz, plaintext 

Ten post edytował Ilware 3.04.2011, 22:07:49

[qdesigner]

Dziękuję serdecznie za pomoc.

Zrobiłem dwa kroki do przodu (IMG:style_emoticons/default/arrowheadsmiley.png)

Teraz mam tylko pytanie jak sprawić aby ajax przekazywał do php akurat zmienną z linku który kliknąłem?

Czy da coś dopisanie do funkcji parametru np. funkcjaajax(id_kategorii) ?

Pozdrawiam
Qdesigner

[Ilware]

dokładnie w nawiasie podaj wartość jaką chcesz przekazać funkcjaajax(wartosc) tylko w kodzie musisz wtedy dać

[HTML] pobierz, plaintext 
function funkcjaajax(zmienna) //linia 1
xhr.send('id='+zmienna);//linia 15
[HTML] pobierz, plaintext 

wartość zmiennej pobierasz normalnie w pliku php przez $_POST['id'], jak chcesz żeby ajax wyświetlił zwrot jakiś to używasz echo "jakiś tekst" i w xhr.responseText; masz tą wartość z echo

[qdesigner]

Witam!

Dziękuję za pomoc.

Mam jeszcze jedno pytanie: po kliknięciu na link odsyłający do funkcji, funkcja jest wykonywana bez przeładowania strony natomiast następuje przewinięcie strony na samą górę i tu nasuwa się pytanie czy można wykonać skrypt na nieruchomej stronie (bez jej automatycznego przewijania na górę)?

Z góry dziękuję za odpowiedź.
Pozdrawiam
Qdesigner

[Damiankossek]

Wydaje mi się że musisz pokombinować z tym: href="#" w linkach (IMG:style_emoticons/default/smile.gif)