[Resolvido] Não consigo enviar form
Olá galera,
pow estou com um probleminha que tá me dando a maior dor de cabeça.
Como sou iniciante em Jquery, não to conseguindo resolver.
O problema é este: passar 2(duas) datas para o arquivo em php e trazer o resultado na div, só que não retorna a resposta;
O código é este:
index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var data1 = $('#Data1').val();
var data2 = $('#Data2').val();
$.post("mostra_data.php", {data_1: data1, data_2: data2},
function(data){
$("#resposta").html(data);
}
, "html");
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
Data 1
<label for="Data1"></label>
<input type="text" name="Data1" id="Data1" />
Data 2
<label for="Data2"></label>
<input type="text" name="Data2" id="Data2" />
</form><!--RESPOSTA-->
<div id="resposta"></div>
</body>
</html>
mostra_data.php
<?php
$data_inicial = $_POST['data_1'];
$data_final = $_POST['data_2'];
// Exibe uma mensagem de resultado:
echo "Data 1".$data_inicial." | Data 2".$data_final;
?>Discussão (11)
Carregando comentários...