Transmitir dados de form entre Ajax e PHP
Olá!
Pessoal...preciso criar um mecanismo onde será transmitido diversos dados de um formulário para outra página, e quando chegar nessa página, esses dados serão recebidos e uma consulta será realizada em um banco de dados para exibição do resultado nessa mesma página. Quero fazer isso com PHP, ajax, js.
1 - Tenho um arquivo index.php, onde nele teremos campos de formulário, e o submit dele irá disparar envio dos dados e o load() da pagina seguinte.
2 - Essa segunda página, chamada pagina2.php, recebe os dados do formulário via POST ou GET, com ajax, e logo rewaliza a consulta mysql pra exibir o resultado nela mesma.
* O problema é que quando chega na pagina2.php, apresenta um erro PHP onde não identifica nenhum valor recebido...
Notice: Undefined index: campo_texto in C:\xampp\htdocs\...\pagina2.php on line 10
Códigos que estou tentando:
index.php
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div class="recept_box">
<b>Início</b>
<form id="form_save">
<input type="text" name="campo_texto" required></input>
<button type="submit">Salvar</button>
</form>
</div><!-- /recept_box-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#form_save').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "paginas/pagina2.php",
data: dados,
success: function( data ){
alert(data);
$('.recept_box').load('paginas/pagina2.php');
}//end success
});//end post ajax
return false;
});
});
</script>
pagina2.php
<?php
/*
session_start();
$campo_texto = $_POST['campo_texto'];
$_SESSION['campo_texto'] = $campo_texto;
$exibir = $_SESSION['campo_texto'];
echo $exibir;die;*/
$campo_texto = $_POST['campo_texto'];
echo $campo_texto;die;
?>
<b>Página2</b>
<form id="form_save_pg2">
<input type="text" required></input>
<button type="submit">Voltar</button>
</form>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#form_save_pg2').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "oraculo/cad1.php",
data: dados,
success: function( data )
{
$('.recept_box').load('index.php');
}
});
return false;
});
});
</script>
Compreendem a questão?
Discussão (10)
Carregando comentários...