[AJAX][JavaScript]reload container... zmiana tresci bez przeladowania Opcje

[Johnas]

napisalem taki kod ale nie dziala mi... Chce osiagnac cos jak youtube....

[JAVASCRIPT] pobierz, plaintext 
$(".ajax").click(function() {
			var href = $(this).attr('href');
			$.get(href, function( data ) {
				console.log(data);
				var tresc = $( ".container" ).html( data );
 
				console.log(tresc);
				return false;
			});
		});
[JAVASCRIPT] pobierz, plaintext 

co robie nie tak.... czekam commander na Twoje zdanie i na podpowiedz jak to zrobic bez jQuery Twoj temat

[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

[Johnas]

a jak z data w którym jest cały kod html wyciągnąć to co jest w samym <div class="container">

[Comandeer]

https://github.com/defunkt/jquery-pjax#pjax-options → fragment

W "czystym" jQuery: http://api.jquery.com/load/#loading-page-fragments

[Johnas]

w ten sposób też mi nie działa... wyrzuca mi tam dziwne smieci...

[JAVASCRIPT] pobierz, plaintext 
$(".ajax").click(function() {
			var href = $(this).attr('href');
			console.log("ajax");
			$( "#container" ).html(" ");
			$( "#container" ).load( href+" #container" );
			return false;
		});
[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

[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 
<script src="js/pages.js"></script>
 
	<script src="js/jquery.pjax.js"></script>
	<script type="text/javascript">
		$(function(){
		  // pjax
		  $("#main").pjax('a', '#main')
		})
	</script>
[SMARTY] pobierz, plaintext 

http://www.net4um.net