Jquery/ajax ładowanie widoku ZF2 Opcje

[bobi194]

w jquery 1.4 ( i kohanie 3) poniższy kod działa

[HTML] pobierz, plaintext 
<script>
$(document).ready(function()
            {
                    //zamiast load()
                    $.ajax(
                    {
                     type:"GET",
                     url:"<?php echo url::base();?>index.php/tylkoajax/ajax",
                     async: true,
                     dataType: "html",
                     success: function(msg){          
                           $("#odp").html(msg);
                     }
                    }
 
                    );
 
 
                    $('#wyslij').live("click",function()
                    {
                         $.ajax(
                                  {
                                   type:"GET",
                                  url:"<?php echo url::base();?>index.php/tylkoajax/ajax",
                                  async: true,
                                 dataType: "html",
                                 success: function(msg){          
                                $("#odp").html(msg);
                           }
                    }
 
                    );
                    }
                    );
 
       )};
</script>
<div id="msg"></div>
[HTML] pobierz, plaintext 

w jquery 1.10 ( i zf2) poniższy kod nie działa

[HTML] pobierz, plaintext 
<script>
  $(document).ready(function(){
 
      $.ajax({
 
				                url: "<?php echo $this->url('auth-doctrine-testy/default', array('controller' => 'index', 'action' => 'loginajax'));?>",
						type: "POST",
 
						success: function( strData ){
                                                    $("#odp").html(strData );
 
 
 
						}
					}							
					);
 
 
 
 $(document).on("click","#wyslij",
			function(){
 
				$.ajax(
					{
 
				                url: "<?php echo $this->url('auth-doctrine-testy/default', array('controller' => 'index', 'action' => 'loginajax'));?>",
						type: "POST",
 
 
						success: function( strData ){
                                                    $("#odp").html('strData' );
 
						}
					}							
					);
 
 
 </script>
 
 
<div id="odp"></div>
[HTML] pobierz, plaintext 

problemem nie jet framework php (widzę co zwraca kontroler);
Chodzi o to, że zdarzenie $(document).on("click","#wyslij"..... nie podmienia treści w divie odp

Czy ktoś z was ma rozwiązanie na ładowanie całych widoków w połączeniu jquery i zf2 i może je przedstawić

[viking]

Nawet jeśli by działało to $("#odp").html('strData' ); uzupełni stringiem 'strData' a nie odpowiedzią z żądania.
Co masz jako odpowiedź?

[bobi194]

no tak sorki ciapki wstawiłem, żeby zamiast widoku w pentli pokazało mi jakiś przypadkowy string

zastanawiam się na koncepcją ładowania widoków via ajax (jquery) ba tak:
1. odpalam kontroler domyślny np login
2. on renderuje mi widok login.phtml
3. widok ten po załadowaniu (document -redy) wysyła żądanie ajax do kontrolera loginajax
4. w odpowiedzi (success) dostaje zrenderowany widok (bez layoutu czyli setTerminal(true)) loginajax
5. widok umieszczam w divie odp (i mam widok z formularzem logowania)

do tego momentu wszystko działa, ale gdy:
kliknę przycisk z id=wyslij żądanie ajax do kontrolera ajaxlogin dostaję w odpowiedzi do id=odp drugi formularz , a po każdym kliknięci następny

coś jest zapętlone
jak wy to macie rozwiązane?

[nospor]

kliknę przycisk z id=wyslij żądanie ajax do kontrolera ajaxlogin dostaję w odpowiedzi do id=odp drugi formularz , a po każdym kliknięci następny

A co bys chcial dostac jak nie formularz?

[bobi194]

tak formularz ale dlaczego nie "nadpisuje" poprzednio utworzonego diva id=odp tylko tworzy następny

Efekt jest taki, że wyrenderowany formularz przekazywałem do okienka dialog jquery
I tak jak już pisałem: po kliknięciu elementu o id=wyslij tworzą się kolejne formularze w dialogu
poniżej jeszcze raz kompletny kod login.phtml

[HTML] pobierz, plaintext 
<script>
  $(document).ready(function(){
 
      $.ajax(
 
					{
				                url: "<?php echo $this->url('auth-doctrine-testy/default', array('controller' => 'index', 'action' => 'loginajax'));?>",
 
						type: "POST",
 
						error: function(){
 
						},
 
						beforeSend: function(){
 
						},
 
						complete: function(){
 
						},
 
						success: function( strData ){
                                                    $("#odp").html(strData );
 
                                                    $( "#dialog" ).dialog({
                                                                            dialogClass: 'no-close',
                                                                            autoOpen: true,
                                                                            minWidth: '800',
                                                                            show: {
                                                                                    effect: "blind",
                                                                                    duration: 1000
                                                                                   },
                                                                            hide: {
                                                                                    effect: "explode",
                                                                                    duration: 1000
                                                                                  }
                                                    });
 
						}
					}							
					);
 
 
 
 
 
                                $(document).on("click","#wyslij",
 
			function(){
 
 
				$.ajax(
					{
 
				                url: "<?php echo $this->url('auth-doctrine-testy/default', array('controller' => 'index', 'action' => 'loginajax'));?>",
 
						type: "POST",
 
 
						success: function( strData ){
                                                    $("#odp").html(strData);
                                                    $( "#dialog" ).dialog({
                                                                            dialogClass: 'no-close',
                                                                            autoOpen: true,
                                                                            minWidth: '800',
                                                                            show: {
                                                                                    effect: "blind",
                                                                                    duration: 1000
                                                                                   },
                                                                            hide: {
                                                                                    effect: "explode",
                                                                                    duration: 1000
                                                                                  }
                                                    });
 
						}
					}							
					);
 
 
 
 
                                        });  
 
  });
 
 
 
 
 
 
 </script>
 
 
<div id="odp"></div>
[HTML] pobierz, plaintext 

pomocy co jest nie tak?

[nospor]

Cos mieszasz z tymi dialogami.
#dialog dostajesz w odpowiedzi ajaxem? Wydaje mi sie, ze powinienies czyscic wpierw aktalny, dopiero potem na nowo tworzyc kolejny.

[bobi194]

rzeczywiście jak zakomentowałem kod js gdzie wywoływany był dialog wszystko śmiga tzn na stronie jest widok(formularz) a po kliknięciu "id=wyslij" nie tworzy się kolejny formularz

W takim razie jak poprawić te okienko dialogowe?






znalazłem rozwiązanie - wystarczyło id=odp umieścić w divie dlalogu a nie na odwrót
Dzięki za posty

Mam jeszcze pytanie czy ktoś w was korzysta w podobny sposób z ajaxa do ładowania całych widoków czy raczej ograniczacie żądania do pozyskania samych danych np: w formacie JSON ?

Ten post edytował bobi194 7.03.2014, 14:21:01