Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]reload container... zmiana tresci bez przeladowania
Forum PHP.pl > Forum > Przedszkole
Johnas
napisalem taki kod ale nie dziala mi... Chce osiagnac cos jak youtube....

[JAVASCRIPT] pobierz, plaintext
  1. $(".ajax").click(function() {
  2. var href = $(this).attr('href');
  3. $.get(href, function( data ) {
  4. console.log(data);
  5. var tresc = $( ".container" ).html( data );
  6.  
  7. console.log(tresc);
  8. return false;
  9. });
  10. });
[JAVASCRIPT] pobierz, plaintext


co robie nie tak.... czekam commander na Twoje zdanie i na podpowiedz jak to zrobic bez jQuery biggrin.gif Twoj temat biggrin.gif
markonix
Możesz konkretniej, co ma ten skrypt robić i na czym się wysypuje?

Ajax z jQuery jest o wiele bardziej przystępny i rozwiązuje kwestie kompatybilności, nie ma sensu tego pisać bez JS'owego FW.
Comandeer
Nadziałeś się na asynchroniczność - return false wykona się dopiero po tym jak żądanie się wykona, czyli wieki po tym jak klik zostanie obsłużony. Przenieś to "poziom wyżej", bezpośrednio do click

Osobiście wychodzę z założenia, że zmiana głównej treści = zmiana adresu. Stąd poleciłbym https://github.com/defunkt/jquery-pjax

Co do wersji bez jQuery: można pokombinować z elem.addEventListener i Fetch API wink.gif
Johnas
a jak z data w którym jest cały kod html wyciągnąć to co jest w samym <div class="container">
Johnas
w ten sposób też mi nie działa... wyrzuca mi tam dziwne smieci...
[JAVASCRIPT] pobierz, plaintext
  1. $(".ajax").click(function() {
  2. var href = $(this).attr('href');
  3. console.log("ajax");
  4. $( "#container" ).html(" ");
  5. $( "#container" ).load( href+" #container" );
  6. return false;
  7. });
[JAVASCRIPT] pobierz, plaintext
Comandeer
Możesz sprecyzować co to za "śmieci"?
Johnas
chcę zrobić stronę bez przeładowywania, czyli aby ładowało w get tresć strony i nadpisywało container smile.gif
Comandeer
No to zajrzyj do tego pjaxa, bo będzie najszybciej.
Johnas
Nie wiem, ale coś mi nie działa... mógłbyś zerknąć co robię nie tak? Mam taki kod:

[SMARTY] pobierz, plaintext
  1. <script src="js/pages.js"></script>
  2.  
  3. <script src="js/jquery.pjax.js"></script>
  4. <script type="text/javascript">
  5. $(function(){
  6. // pjax
  7. $("#main").pjax('a', '#main')
  8. })
  9. </script>
[SMARTY] pobierz, plaintext


http://www.net4um.net
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.