[AJAX][MySQL][PHP]Dynamiczny refresh Opcje

[-sysio-]

Witajcie. Zacząłem robić aplikację w stylu to-do (dodawanie wpisu, odznaczanie usuwanie). Próbuję teraz zastosować technikę AJAX, aby strona była bardziej dynamiczna. Udało mi się zaimplementować skrypt dodawania, ale niestety wpis pojawia się dopiero po odświeżeniu. Logiczne, bo funkcja plująca sql jeszcze nie używa AJAX. Pytanie: jak zrobić, aby wpisy dodane były dynamicznie odświeżone?

[qrooel]

http://api.jquery.com/jQuery.ajax/

Na samym dole masz kilka przykładów.

[HTML] pobierz, plaintext 
$.ajax({
  type: 'post',
  url: 'ajax/test.php',
  success: function(data) {
    $('.result').html(data);
  }
});
[HTML] pobierz, plaintext 

Zmienna data trzyma dane które wróciły z pliku 'ajax/test.php', moze byc to caly widok, ktory podmieniasz w miejsce klasy '.result'.

Ten post edytował qrooel 17.10.2011, 22:42:23

[-sysios-]

Czyli zalecasz korzystanie z jQuery zamiast na czysto z js? Mam rozumieć, że zmienna result będzie przechowywać wszystko co "wydrukuje skrypt" (echo)? Da się odwołać przez funkcję jakoś, tzn. jeśli robię GET czy POST na skrypcie to on się po prostu wykonuje (action). Jak mam w pliku np. engine.php :

[PHP] pobierz, plaintext 
function wyswietl() {
    //ciało funkcji wyświetlającej zapytania MySQL 
}
[PHP] pobierz, plaintext 

i chciałbym się do niej odwołać w index.php to co mam zrobić (oczywiście z myślą o AJAX)

[kpt_lucek]

[JAVASCRIPT] pobierz, plaintext 
    $.ajax({
    type: 'post', // typ wysyłanych danych
    url: 'ajax/test.php', // url
    data: "a=123&b=435&c=15678932135"(itd.), // dane przekazywane za pomocą post ($_POST[a] == 123, $_POST[b] == 435 itd)
    success: function(data) {
    $('.result').html(data); // .result <- jest to obiekt (np div) o klasie result, dokładniej, jeżeli istnieją 2 lub więcej takich obiektów z tą klasą, wszystkie dostaną "to co zostanie wydrukowane"
    }
    });
[JAVASCRIPT] pobierz, plaintext