Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][PHP] wczytanie danych do diva po kliknięciu text
Forum PHP.pl > Forum > Przedszkole
@rtur
Mam taki kod ajaxowy:

  1. function pokaz_date() {
  2. $.ajax({
  3. type: "GET",
  4. url: "data.php",
  5. success: function(msg){
  6. $("#data").val( msg ) ;
  7. }
  8. });
  9. }


plik data.php
  1. <?
  2. echo "skrypt php pokazał datę: ".date( "Y-m-d H:i:s" ) ;
  3. ?>

a w pliku html taki fragment kodu:

  1. <span class='pokazdate'>pokaż datę</span>
  2. <div id="data"></div>

chcialbym po kliknieciu w pokaż datę wczytać do div z id = data dane z pliku data.php funkcją pokaz_date

jak to zrobić?
lukaskolista
zamiast val() uzyj text(), a jezeli wczytujesz html to html()
@rtur
Oki dziękuje za naprowadzenie, połowicznie działa, zrobiłem to tak:
  1. $(document).ready(function(){
  2. $.ajax({
  3. type: 'GET',
  4. url: 'data.php',
  5. pobierz: function (XMLHttpRequest) {
  6. $('#content').html('Trwa pobieranie danych.');
  7. },
  8. success: function(msg) {
  9. $('#content').html(msg);
  10. },
  11. error: function (XMLHttpRequest, textStatus, errorThrown) {
  12. $('#content').html('Przepraszamy, dane nie mogą być pobrane.');
  13. }
  14. });
  15. });

Udało mi się załadować treść pliku data.php do div id content od razu po załadowaniu strony tylko teraz jak teraz po kliknięciu w przycisk pobierz nowe, którego kod wygląda tak:
  1. <span id='pobierzNoweWiadomosci' title='sprawdź czy nie nadesłano nowych wiadomości'>pobierz nowe</span>

odświeżyć zawartość diva o identyfikatorze content o treść pliku data.php
Próbowałem czegoś takiego:

  1. $('#pobierzNoweWiadomosci').click(function(){
  2. $('#content').load('data.php');
  3. });


ale nie działa

mój cały plik odpowiadający za ajaxa wygląda tak:


  1. $(document).ready(function(){
  2. $.ajax({
  3. type: 'GET',
  4. url: 'data.php',
  5. pobierz: function (XMLHttpRequest) {
  6. $('#content').html('Trwa pobieranie danych.');
  7. },
  8. success: function(msg) {
  9. $('#content').html(msg);
  10. },
  11. error: function (XMLHttpRequest, textStatus, errorThrown) {
  12. $('#content').html('Przepraszamy, dane nie mogą być pobrane.');
  13. }
  14. });
  15. });
  16. $('#pobierzNoweWiadomosci').click(function(){
  17. $('#content').load('data.php');
  18. });
tomm
zmień swój kod na:

  1. $(document).ready(function(){
  2. $.ajax({
  3. type: 'GET',
  4. url: 'data.php',
  5. pobierz: function (XMLHttpRequest) {
  6. $('#content').html('Trwa pobieranie danych.');
  7. },
  8. success: function(msg) {
  9. $('#content').html(msg);
  10. },
  11. error: function (XMLHttpRequest, textStatus, errorThrown) {
  12. $('#content').html('Przepraszamy, dane nie mogą być pobrane.');
  13. }
  14. });
  15. $('#pobierzNoweWiadomosci').click(function(){
  16. $('#content').load('data.php');
  17. });
  18. });
  19.  
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.