Jquery inviare dati da tutti gli input...

**reybluk** · 09-12-2011, 19:17

Ciao a tutti.
Sto cominciando a studiare jquery ed ho un po' di difficoltà...

Questo codice funziona perfettamente:

codice:

<script>
			  /* attach a submit handler to the form */
			  $("#SaveForm").submit(function(event) {
			
				/* stop form from submitting normally */
				event.preventDefault(); 
					
				/* get some values from elements on the page: */
				var $form = $( this ),
					term = $form.find( 'input[name="nome"]' ).val(),
					url = $form.attr( 'action' );
			
				/* Send the data using post and put the results in a div */
				$.post( url, { nome: term },
				  function( data ) {
					  var datiricevuti = $( data ).find( "#contenuto" );
					  var datiricevuti = $( data );
					  $( "#risultato" ).empty().append( datiricevuti );
					  
				  }
				);
					  $("#risultato").animate({opacity: "1"}, 1500)
			  });
			</script>

Ma io vorrei inviare i dati di tutti gli input senza sapere quali sono, ovvero non voglio fare manualmente un elenco... Ho provato così ma non funziona come devo fare??

codice:

<script>
			  /* attach a submit handler to the form */
			  $("#SaveForm").submit(function(event) {
			
				/* stop form from submitting normally */
				event.preventDefault(); 
					
				/* get some values from elements on the page: */
				var $form = $( this ),
					term = $form.find( 'input[name="nome"]' ).val(),
					url = $form.attr( 'action' );
					datastr = $(form).serialize();
			
				/* Send the data using post and put the results in a div */
				$.post( url, { data: datastr },
				  function( data ) {
					  var datiricevuti = $( data ).find( "#contenuto" );
					  var datiricevuti = $( data );
					  $( "#risultato" ).empty().append( datiricevuti );
					  
				  }
				);
					  $("#risultato").animate({opacity: "1"}, 1500)
			  });
			</script>

**cavicchiandrea** · 09-12-2011, 19:23

term = $form.serialize()
Recupera tutti gli input del form

**reybluk** · 09-12-2011, 19:30

GRANDISSIMO!!! FUNZIONA!!

Grazie!! Grazie mille!

codice:

<script>
			  /* attach a submit handler to the form */
			  $("#SaveForm").submit(function(event) {
			
				/* stop form from submitting normally */
				event.preventDefault(); 
					
				/* get some values from elements on the page: */
				var $form = $( this ),
					term = $form.find( 'input[name="nome"]' ).val(),
					url = $form.attr( 'action' );
					term = $form.serialize()
			
				/* Send the data using post and put the results in a div */
				$.post( url, { data: term },
				  function( data ) {
					  var datiricevuti = $( data ).find( "#contenuto" );
					  var datiricevuti = $( data );
					  $( "#risultato" ).empty().append( datiricevuti );
					  
				  }
				);
					  $("#risultato").animate({opacity: "1"}, 1500)
			  });
			</script>

**reybluk** · 09-12-2011, 23:53

mi sono appena accorto di un errore... in una parte del codice di cui sopra e non riesco a correggere...

Così funziona:

codice:

$.post( url, { data: term },
	function( data ) {
		 var datiricevuti = $( data );
		$( "#risultato" ).empty().append( datiricevuti );
					  
	}
);

Così non funziona:

codice:

$.post( url, { data: term },
	function( data ) {
		 var datiricevuti = $( data ).find( "#contenuto" );
		$( "#risultato" ).empty().append( datiricevuti );
					  
	}
);

nel senso che non mi mostra il contenuto del div "contenuto" e mi servirebbe perchè in realtà dovrei inviare 2 contenuti differenti su due div diversi...

dove sbaglio?

il codice del file (asp) da cui leggo è questo...

codice:

<%valoredainviare1 = "perfetto!"
valoredainviare2 = "hai caricato i file!"%>
<body>
<div id="interventi"><%=valoredainviare2%></div>
<div id="contenuto"><%=valoredainviare1%></div>
</body>

Discussione: Jquery inviare dati da tutti gli input...

Strumenti discussione

Ricerca discussione

Visualizza

Jquery inviare dati da tutti gli input...

Permessi di invio