passare il valore del checkbox e altri campi alla pagina B tramite ajax

**nemesis_85** · 19-12-2012, 18:14

salve ragazzi, ho questa pagina:

paginaA.php

codice:

<!DOCTYPE html>
<html dir="ltr" lang="it-IT">
<head>
<meta charset="UTF-8" />
<title></title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#mycontent').load('paginaB.php');
	});
	
  
	function submitME(){
		 $.ajax({
		 cache: false,
		 type: $('#CorpoDoc').attr('method'),
		 url: "paginaB.php",
		 data: $('#CorpoDoc').serialize(),
		 dataType: "json",
		 success: function(result) {
		 	$('#mycontent').load('paginaB.php');
			//alert('SENDING');
		 },
		 error: function() {
		 	alert('errore in aggiornamento riprovare!');
		 }
		 });
	 } 



</script>
</head><body>
<form action="paginaB.php" method="post" id="CorpoDoc">
<input type="checkbox" name="option2" value="Butter" onclick="submitME()"> 
</form>
<div id="mycontent"></div>
</body></html>

e questa è la paginaB.php

codice:

<?php

     
	 echo $_POST['option2'];

?>

Come faccio a far spuntare questo valore? Butter che è quello della checkbox nella paginaB ??

Grazie

**-AA-** · 19-12-2012, 18:17

...mi permetto...

paginaA e paginaB

si vuole passare il valore del checkbox e altri campi alla pagina B
caricare poi l'output della pagina B dentro il DIV

alla pressione del check box però non invia il form

**nemesis_85** · 19-12-2012, 18:18

Giusto

**nemesis_85** · 19-12-2012, 19:05

Proprio nessuno sa come fare???

**Vindav** · 19-12-2012, 19:08

stai effettuando 2 chiamate ajax alla stessa pagina(load effettua una chiamata ajax), non stai recuperando i dati ritornati da pagina b(result), definisci un dataType json ma i dati tornati non sono in tale formato ecc...

**nemesis_85** · 19-12-2012, 19:10

Come dovrei Impostare il tutt? non sono molto pratico

Originariamente inviato da Vindav
stai effettuando 2 chiamate ajax alla stessa pagina(load effettua una chiamata ajax), non stai recuperando i dati ritornati da pagina b(result), definisci un dataType json ma i dati tornati non sono in tale formato ecc...

**nemesis_85** · 19-12-2012, 22:56

Ragazzi c'è qualcuno che mi possa aiutare???

**Vindav** · 20-12-2012, 12:08

Sarà qualcosa del genere:

codice:

$.ajax({
		 cache: false,
		 type: $('#CorpoDoc').attr('method'),
		 url: "paginaB.php",
		 data: $('#CorpoDoc').serialize(),
                 dataType: "text",
		 success: function(result) {
		 	$('#mycontent').html(result);
		 },
		 error: function() {
		 	alert('errore in aggiornamento riprovare!');
		 }
});

**nemesis_85** · 20-12-2012, 13:52

Originariamente inviato da Vindav
Sarà qualcosa del genere:

codice:

$.ajax({
		 cache: false,
		 type: $('#CorpoDoc').attr('method'),
		 url: "paginaB.php",
		 data: $('#CorpoDoc').serialize(),
                 dataType: "text",
		 success: function(result) {
		 	$('#mycontent').html(result);
		 },
		 error: function() {
		 	alert('errore in aggiornamento riprovare!');
		 }
});

Niente non da segno di vita

Codice PHP:


<!DOCTYPE html>

<html dir="ltr" lang="it-IT">

<head>

<meta charset="UTF-8" />

<title></title>

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

        $('#mycontent').load('paginaB.php');

    });

    

  

    function submitME(){

    $.ajax({

         cache: false,

         type: $('#CorpoDoc').attr('method'),

         url: "paginaB.php",

         data: $('#CorpoDoc').serialize(),

                 dataType: "text",

         success: function(result) {

             $('#mycontent').html(result);

         },

         error: function() {

             alert('errore in aggiornamento riprovare!');

         }

});







</script>

</head><body>





<form action="paginaB.php" method="post" id="CorpoDoc">

<input type="checkbox" name="option2" value="Butter" onclick="submitME()"  id="CorpoDoc"> 

</form>

<div id="mycontent"></div>

</body></html>

**-AA-** · 20-12-2012, 15:02

nemesis
non è vero funziona come ha suggerito Vindav

questa la pagina

codice:

<!DOCTYPE html>
<html dir="ltr" lang="it-IT">
<head>
<meta charset="UTF-8" />
<title></title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript"> 
	function submitME(){
$.ajax({
		 cache: false,
		 type: $('#CorpoDoc').attr('method'),
		 url: "paginaB.php",
		 data: $('#CorpoDoc').serialize(),
                 dataType: "text",
		 success: function(result) {
		 	$('#mycontent').html(result);
		 },
		 error: function() {
		 	alert('errore in aggiornamento riprovare!');
		 }
});
	 } 



</script>
</head><body>
<form action="paginaB.php" method="post" id="CorpoDoc">
<input type="checkbox" name="campoprova" value="burro" onClick="submitME()">
</form>
<div id="mycontent"></div>
</body></html>

questo il file paginaB.php

codice:

<?php 
echo $_POST['campoprova'];
?>

ora non ti resta che usare il tutto per il tuo scopo!!!!
Grande Vindav!!!!!!!!!!!

Discussione: passare il valore del checkbox e altri campi alla pagina B tramite ajax

Strumenti discussione

Ricerca discussione

Visualizza

passare il valore del checkbox e altri campi alla pagina B tramite ajax

Permessi di invio