Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX] jQuery - Ładowanie do div'a - preloader i obsługa błędów
santi
post 17.01.2010, 14:37:25
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 17.01.2010

Ostrzeżenie: (0%)
-----

Chciałem poznać trochę jQuery, ale oczywiście już pojawiły się problemy. Próbowałem szukać w google, ale nie znalazłem nic konkretnego.

Mam na stronie przycisk, po jego kliknięciu do div'a ładuje się zawartość pliku. Kod wygląda tak:

[HTML] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function(){
  3.  
  4. 	$('#przycisk').click(function(){
  5. 	$("#formularz").load('jakisplik.html');
  6. 	}); 
  7.  
  8. });
  9. </script>
[HTML] pobierz, plaintext


Działa, ale chciałbym dodać do tego 2 rzeczy.

1) Coś w rodzaju preloadera. Po kliknięciu na przycisk, tekst w polu div zmienia się na "trwa ładowanie" - po załadowaniu pokazuje się zawartość pliku.
2) Obsługa błędów - w przypadku gdyby załadowanie pliku było niemożliwe odpowiednia informacja np. "brak pliku".

Niby proste, ale nie mogę sobie z tym poradzić. Może ktoś z Was wie jak to zrobić i mógłby mi pomóc ?
Go to the top of the page
+Quote Post
kefirek
post 17.01.2010, 15:13:04
Post #2





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

Ostrzeżenie: (0%)
----- 

[JAVASCRIPT] pobierz, plaintext 
  1.  $.ajax({
  2.    type: "POST",
  3.    url: "nazwa_pliku.php", },
  4.    pobierz: function (XMLHttpRequest) { $("#id_elementu").html('Trwa pobieranie');},
  5.    success: function(msg){ $("#id_elementu").html(msg); },
  6.    ajaxError : function(event, request, settings){ $("#id_elementu").html('blad'); }
  7.  });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
santi
post 17.01.2010, 15:37:35
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 17.01.2010

Ostrzeżenie: (0%)
-----

Niestety, ale ten kod nie działa. Teraz w ogóle nic się nie dzieje...
Go to the top of the page
+Quote Post
kefirek
post 17.01.2010, 15:46:45
Post #4





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

Ostrzeżenie: (0%)
----- 

[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <script>
  5.  
  6. $(document).ready(function(){
  7. $.ajax({
  8. type: "GET", 
  9. url:  "test.htm", 
  10. pobierz: function (XMLHttpRequest) { 
  11. $("#content").html("Trwa pobieranie danych.");
  12. },
  13. success: function(msg) {
  14. $("#content").html(msg);
  15. },
  16. error: function (XMLHttpRequest, textStatus, errorThrown) {
  17. $("#content").html('Przepraszamy, dane nie mog? być pobrane.');
  18. }
  19. });
  20. });
  21.  
  22.  
  23.  
  24.  
  25. </script>
  26. </head>
  27. <body>
  28. <div id="content"> </div>
  29. </body>
  30. </html>
[JAVASCRIPT] pobierz, plaintext


Ten post edytował kefirek 17.01.2010, 15:51:35
Go to the top of the page
+Quote Post
santi
post 17.01.2010, 16:15:26
Post #5





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 17.01.2010

Ostrzeżenie: (0%)
-----

teraz działa, dziękuję !
Go to the top of the page
+Quote Post
StevenTicky
post 13.09.2019, 00:31:33
Post #6





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 7.09.2019

Ostrzeżenie: (10%)
X----

Ver cine online - https://blog.libero.it/wp/veronlinegratises...2-pelicula-ver/


It CapĂ­tulo 2 pelicula
It CapĂ­tulo 2 pelicula completas
It CapĂ­tulo Dos pelĂ­cula 4
It CapĂ­tulo 2 peliculas
It CapĂ­tulo Dos ver pelicula online
It CapĂ­tulo Dos ver cine
It CapĂ­tulo 2 descargar pelĂ­culas gratis
It CapĂ­tulo Dos ver peliculas online gratis
It CapĂ­tulo Dos descargar pelicula gratis
It CapĂ­tulo 2 youtube pelĂ­cula
It CapĂ­tulo 2 pelicula completa en castellano
It CapĂ­tulo Dos pelĂ­cula mexicanas
It CapĂ­tulo 2 pelicula cristianas
It CapĂ­tulo Dos descargar cine
It CapĂ­tulo 2 pelĂ­cula infantiles
It CapĂ­tulo 2 pelicula en castellano
It CapĂ­tulo Dos pelicula en linea hd
It CapĂ­tulo 2 pelicula fox
It CapĂ­tulo 2 si pelĂ­cula
It CapĂ­tulo Dos pelĂ­cula 24
It CapĂ­tulo 2 pelicula
It CapĂ­tulo Dos Ver pelĂ­cula
It CapĂ­tulo 2 Ver cine online
It CapĂ­tulo Dos Ver pelicula en linea
It CapĂ­tulo 2 ver pelĂ­cula gratis
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.09.2019 - 03:35
Powered By IP.Board © 2019  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn