[AJAX][PHP] wczytanie danych do diva po kliknięciu text Opcje

[@rtur]

Mam taki kod ajaxowy:

[HTML] pobierz, plaintext 
function pokaz_date() {
$.ajax({
   type: "GET",
   url: "data.php",
   success: function(msg){
     $("#data").val( msg ) ;
   }
 });
}
[HTML] pobierz, plaintext 

plik data.php

[PHP] pobierz, plaintext 
<?
echo "skrypt php pokazał datę: ".date( "Y-m-d H:i:s" ) ;
?>
[PHP] pobierz, plaintext 

a w pliku html taki fragment kodu:

[HTML] pobierz, plaintext 
<span class='pokazdate'>pokaż datę</span>
<div id="data"></div>
[HTML] pobierz, plaintext 

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

jak to zrobić?

Ten post edytował @rtur 13.04.2011, 17:26:35

[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:

[HTML] pobierz, plaintext 
$(document).ready(function(){
$.ajax({
type: 'GET',
url: 'data.php',
pobierz: function (XMLHttpRequest) {
$('#content').html('Trwa pobieranie danych.');
},
success: function(msg) {
$('#content').html(msg);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$('#content').html('Przepraszamy, dane nie mogą być pobrane.');
}
});
});
[HTML] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
<span id='pobierzNoweWiadomosci' title='sprawdź czy nie nadesłano nowych wiadomości'>pobierz nowe</span>
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
$('#pobierzNoweWiadomosci').click(function(){
  $('#content').load('data.php');
});    
[HTML] pobierz, plaintext 

ale nie działa

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

[HTML] pobierz, plaintext 
$(document).ready(function(){
$.ajax({
type: 'GET',
url: 'data.php',
pobierz: function (XMLHttpRequest) {
$('#content').html('Trwa pobieranie danych.');
},
success: function(msg) {
$('#content').html(msg);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$('#content').html('Przepraszamy, dane nie mogą być pobrane.');
}
});
});
$('#pobierzNoweWiadomosci').click(function(){
  $('#content').load('data.php');
}); 
[HTML] pobierz, plaintext 

Ten post edytował @rtur 16.04.2011, 12:42:56

[tomm]

zmień swój kod na:

[HTML] pobierz, plaintext 
$(document).ready(function(){
$.ajax({
type: 'GET',
url: 'data.php',
pobierz: function (XMLHttpRequest) {
$('#content').html('Trwa pobieranie danych.');
},
success: function(msg) {
$('#content').html(msg);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$('#content').html('Przepraszamy, dane nie mogą być pobrane.');
}
});
$('#pobierzNoweWiadomosci').click(function(){
  $('#content').load('data.php');
});
});
 
[HTML] pobierz, plaintext