Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak zrobić live pobieranie danych z pliku php?
Forum PHP.pl > Forum > PHP
Saki
28.03.2011, 19:51:27
Jak zrobić live pobieranie danych z pliku php?
Na przykład plik data.php:
[PHP] pobierz, plaintext 
  1. <?php
  2. echo date('l jS \of F Y h:i:s A');
  3. ?>
[PHP] pobierz, plaintext


I jak w pliku np. godzina.php pokazywać bez odświeżania dane z pliku data.php za pomocą AJAX?

Bardzo broszę o pomoc.
piotrooo89
28.03.2011, 19:58:10
tak ajax, lub jakiś inny event listener.
Saki
28.03.2011, 20:01:45
Cytat(piotrooo89 @ 28.03.2011, 20:58:10 ) *
tak ajax, lub jakiś inny event listener.


Ja dopiero zaczynam zabawę z AJAXem czy mógłbyś mi pomóc zrobić mój pierwszy skrypt w AJAXie? wink.gif
mat-bi
28.03.2011, 20:05:29
Zainteresuj się frameworkami

http://api.jquery.com/jQuery.ajax/
Saki
28.03.2011, 20:09:45
Cytat(mat-bi @ 28.03.2011, 21:05:29 ) *
Zainteresuj się frameworkami

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


A pomógłbyś mi może napisać skrypt? smile.gif
mat-bi
28.03.2011, 20:17:57 
[JAVASCRIPT] pobierz, plaintext 
  1. $("#ajax").click(function(){ $.post('plik.php', {}, success:  function(data){ $(this).html(data);}); } 
[JAVASCRIPT] pobierz, plaintext


Nie pamiętam dokłądnie, dawno w jQuery nie pisalem, ale powinno zadziałać
piotrooo89
28.03.2011, 20:23:10
ja to ma być live, to co pewien czas musisz odpytywać serwer, wiec musisz wywoływać to okresowo, np setTimeout().

jako alternatywę polecam zapoznać się z dość ciekawym projektem: http://www.ape-project.org/
Saki
28.03.2011, 20:53:08
Cytat(mat-bi @ 28.03.2011, 21:17:57 ) *
[JAVASCRIPT] pobierz, plaintext 
  1. $("#ajax").click(function(){ $.post('plik.php', {}, success:  function(data){ $(this).html(data);}); } 
[JAVASCRIPT] pobierz, plaintext


Nie pamiętam dokłądnie, dawno w jQuery nie pisalem, ale powinno zadziałać


Nic mi nie wyświetla.

A zrobiłem tak jak napisałeś.

[HTML] pobierz, plaintext 
  1. Plik wyswietl.php
  2. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  3. <script>
  4. $("#ajax").click(function(){ $.post('plik.php', {}, success:  function(data){ $(this).html(data);}); } 
  5. </script>
[HTML] pobierz, plaintext

i obok pliku jest plik.php

i plik wyświetl.php nic nie pokazuje...
mat-bi
28.03.2011, 20:55:21
Może od tego zacznijmy - rozumiesz kod, który ci podałem?
Saki
28.03.2011, 21:00:02
Cytat(mat-bi @ 28.03.2011, 21:55:21 ) *
Może od tego zacznijmy - rozumiesz kod, który ci podałem?


Nie za bardzo, ja dopiero zaczynam zabawę z AJAX wink.gif
mat-bi
28.03.2011, 21:04:22
No to:

[JAVASCRIPT] pobierz, plaintext 
  1. $("#ajax")
[JAVASCRIPT] pobierz, plaintext


Wybranie pola o id ajax

[JAVASCRIPT] pobierz, plaintext 
  1. click(function()
[JAVASCRIPT] pobierz, plaintext


Przyporządkowanie do tego pola funkcji przy kliku

[JAVASCRIPT] pobierz, plaintext 
  1. $.post('plik.php', {}, success:  function(data){ $(this).html(data);}
[JAVASCRIPT] pobierz, plaintext


wysłanie żądania AJAX i podmiana tego pola odpowiedzią z serwera

Saki
28.03.2011, 21:08:49
Cytat(mat-bi @ 28.03.2011, 22:04:22 ) *
No to:

[JAVASCRIPT] pobierz, plaintext 
  1. $("#ajax")
[JAVASCRIPT] pobierz, plaintext


Wybranie pola o id ajax

[JAVASCRIPT] pobierz, plaintext 
  1. click(function()
[JAVASCRIPT] pobierz, plaintext


Przyporządkowanie do tego pola funkcji przy kliku

[JAVASCRIPT] pobierz, plaintext 
  1. $.post('plik.php', {}, success:  function(data){ $(this).html(data);}
[JAVASCRIPT] pobierz, plaintext


wysłanie żądania AJAX i podmiana tego pola odpowiedzią z serwera



Zrobiłem tak:
[HTML] pobierz, plaintext 
  1.  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  2.  
  3.  
  4. <script>
  5. $("#ajax").click(function(){ $.post('plik.php', {}, success:  function(data){ $(this).html(data);}); } 
  6. </script>
  7. <input type="submit" id="ajax" /> 
[HTML] pobierz, plaintext


I nadal nic nie wyświetla.
Może mógłbyś mi jakiś przykład napisać? smile.gif
mat-bi
28.03.2011, 21:10:29
Człowieku, ty musisz na to kliknąć, by się wykonało!

I podmień plik.php na nazwę własnego pliku
Saki
28.03.2011, 21:14:44
Cytat(mat-bi @ 28.03.2011, 22:10:29 ) *
Człowieku, ty musisz na to kliknąć, by się wykonało!

I podmień plik.php na nazwę własnego pliku

Też mi nie działa. Plik w którym mam to nazywa się aaa.php
<input type="submit" id="ajax" onclick="$("#ajax").click(function(){ $.post('plik.php', {}, success: function(data){ $(this).html(data);}); } " />

PS. Ale mój plik z danymi nazywa się plik.php smile.gif

PPS. Może podaj mi przykład smile.gif
AndyPSV
28.03.2011, 23:17:57
1. zalaczyles biblioteke jquery? NIE
2. http://api.jquery.com/jQuery.ajax/ TU masz przyklady, dzialajace co mozesz sobie sciagnac i odpalic




[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4.  
  5. <head>
  6.  
  7. <title>JQUERY MARK ALL, MARK NONE, MARK READ</title>
  8.  
  9. <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>-->
  10.  
  11. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  12.  
  13. </head>
  14.  
  15. <body>
  16.  
  17.  
  18.  
  19. <script type='text/javascript'>$(document).ready(function(){
  20.  
  21. 	// TU WRZUCASZ TEN KOD
  22.  
  23. });</script>
[HTML] pobierz, plaintext

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.