Forum PHP.pl > [AJAX] jQuery - Ładowanie do div'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX] jQuery - Ładowanie do div'a - preloader i obsługa błędów

santi

17.01.2010, 14:37:25

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 
<script>
$(document).ready(function(){
 
	$('#przycisk').click(function(){
	$("#formularz").load('jakisplik.html');
	}); 
 
});
</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 ?

kefirek

17.01.2010, 15:13:04

[JAVASCRIPT] pobierz, plaintext 
 $.ajax({
   type: "POST",
   url: "nazwa_pliku.php", },
   pobierz: function (XMLHttpRequest) { $("#id_elementu").html('Trwa pobieranie');},
   success: function(msg){ $("#id_elementu").html(msg); },
   ajaxError : function(event, request, settings){ $("#id_elementu").html('blad'); }
 });
[JAVASCRIPT] pobierz, plaintext

santi

17.01.2010, 15:37:35

Niestety, ale ten kod nie działa. Teraz w ogóle nic się nie dzieje...

kefirek

17.01.2010, 15:46:45

[JAVASCRIPT] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
 
$(document).ready(function(){
$.ajax({
type: "GET", 
url:  "test.htm", 
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.');
}
});
});
 
 
 
 
</script>
</head>
<body>
<div id="content"> </div>
</body>
</html>
[JAVASCRIPT] pobierz, plaintext

santi

17.01.2010, 16:15:26

teraz działa, dziękuję !

StevenTicky

13.09.2019, 00:31:33

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

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.