Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]ładownie strony
Forum PHP.pl > Forum > Przedszkole
kamilo818
23.01.2014, 19:31:17
Witam,
nie moge rozgryźć czemu po każdym kliknięciu w link pojawia mi się komunikat błędu:

[PHP] pobierz, plaintext 
  1. <!DOCTYPE>
  2. <html>
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. 	<meta name="author" content="abryser.pl" />
  6. 	<script src="jquery-1.10.2.min.js"></script>
  7.     <title>jQuery i AJAX</title>
  8.  
  9. 	<script type="text/javascript">
  10.  
  11. 		$(document).ready(function() { 
  12. 		   //Strona ladowana jako pierwsza:
  13. 		   $('#content').html("<center><img src='495.GIF'></center>");
  14. 		   $('#content').load('uslugi.php');
  15.  
  16. 		   //Ladowanie pozostalych podstron:
  17. 		   $('#menu a').click(function(e) {
  18. 		      var content=$("#content");
  19.  
  20.  
  21. 		      $.ajax({
  22.                    url: $(this).attr('href'),
  23.                    dataType: "JSON",
  24.                    beforeSend: function(){
  25.                        content.empty();
  26.  
  27.                    },
  28.                    success: function(obj){
  29.                        content.html(obj.tresc);
  30.  
  31.                    },
  32.                    error : function(){
  33.                        content.html("<p>Przepraszamy, ale strona jest chwilowo niedostępna</p>");
  34.                    },
  35.  
  36.               });
  37.             e.preventDefault();
  38. 		   });
  39. 		});
  40. 	</script>
  41.  
  42.  
  43.  
  44. </head>
  45. <body>
  46. <div id="menu">
  47. 	<a href="uslugi.php" >Uslugi</a>
  48. 	<a href="oferta.php" >Newsy</a>
  49. 	<a href="kontakt.php" >Oferta</a>
  50. </div>
  51. <div id="content">
  52.  
  53. </div>
  54. </body>
  55. </html>
[PHP] pobierz, plaintext


Zapewne coś gdzieś źle robie. Poproszę o pomoc.
nospor
23.01.2014, 21:05:31
1) Instalujesz FireFox
2) Instalujesz FireBug
3) Odpalasz konsole FireBug
4) Klikasz w swoje linki w widzisz w konsoli na jaki adres idzie AJAX i co zwraca
5) Majac dane z punktu 4 wiesz czemu nie dziala
kamilo818
23.01.2014, 22:01:31
Ok,
po kliknięciu w link konsola pokazuje poprawnie scieżkę do pliku. Ale nadal jest wyświetlany komunikat błędu. Chyba że źle interpretuje to co konsola pokazuje.

nospor
23.01.2014, 22:11:39
Wysylajac ajax mowisz, ze oczekujesz JSON. Z tego co widze strona do ktorej sie odwolujesz nie zwraca JSON tylko zwykly tekst
kamilo818
23.01.2014, 22:14:59
W tym samym momencie to odkryłem smile.gif Dzięki.

A na co zmienic zeby wczytywac normalne strony html/php?
Turson
23.01.2014, 22:23:27
Tam gdzie chcesz załadować tę stronę wstawiasz diva, np. <div id="z-ajaxa"></diva>
W pliku pobieranym masz normalnie echo itd.
Ajaxem ładujesz pobrany plik do tego diva
[JAVASCRIPT] pobierz, plaintext 
  1. $.ajax({
  2. 		url: "adres pliku",
  3. 		success: function(msg) {
  4. 			$('#z-ajaxa').html(msg);
  5. 		}
  6. });
[JAVASCRIPT] pobierz, plaintext
kamilo818
23.01.2014, 22:26:17
Proste ? Proste! Dzięki za pomoc.
Zamykam temat
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.