Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS][PHP] Zmiana bez przeładowania strony.
Forum PHP.pl > Forum > PHP
GoldeNx3
Witam. Jak mogę zrobić za pomocą JS tak, aby treść strony zmieniała się bez przeładowania strony?
yarek12
Zależy co chcesz pobrać? dane z mysql?
robal94
google.pl
Ajax
http://xml.wjednymmiejscu.pl/Artykul/14938...ascript_and_xml
GoldeNx3
Cytat(yarek12 @ 11.06.2011, 12:37:46 ) *
Zależy co chcesz pobrać? dane z mysql?


Zaincludować inny plik w którym, jest dany np. tekst.
shikamaru88
Rozumiem że chcesz wyświetlić treść znajdującą się w innym pliku. Żeby zrobić to bez przeładowania strony możesz wykorzystać ajax który wyśle żądanie i pobierze dane i coś server-side co odczyta plik i wyśle jego treść do klienta.

Po stronie klienta najprościej moim zdaniem jest wykorzystać Jquery chyba, że wolisz w czystym JS wykorzystując obiekt HTTPRequest.
Jquery:
[JAVASCRIPT] pobierz, plaintext
  1. $.ajax({
  2. url: 'url/do/skryptu',
  3. type: 'GET',
  4. data:{
  5. parametr: wartosc //tu możesz podać np jakieś id dla pliku który chcesz pobrać
  6. },
  7. dataType: 'json' //odpowiedz bedzie odrazu parsowana z jsona przydatne jesli oprocz zawartosci chcesz przeslac jeszcze jakies zmienne
  8. success: function(response){ //w response jest odpowiedz z serwera
  9. $('#div-do-zmiany-tekstu').text(response.text); // to odrazu zamieni ci zawartosc kontenera na odpowiedz z serwera
  10. }
  11. });
[JAVASCRIPT] pobierz, plaintext


PHP:
  1.  
  2. $tres_pliku = file_get_contents('sciezka/do/pliku');//pobierasz zawartosc pliku do zmiennej
  3. echo json_encode(array('text'=>$tresc_pliku)); //wazne zeby nazwa zmiennej byla jako key w tablicy


Możesz to zrealizować w ten sposób.
GoldeNx3
Dziękuję bardzo, a jak jeszcze pobrać dane z bazy w ten sposób?
lukasz_os
Tak samo jak z pliku tylko ze zamiast funkcji file_get_contents uzyjesz funkcji mysql_connect, mysql_querry i np mysql_fetch_row smile.gif
GoldeNx3
Rozumiem, że mam wykorzystać jeden z tych dwóch?
Bo jak ten pierwszy to do każdego linku musiałbym to robić...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.