Tengo un problema con jQuery.
El problema es que tengo una petición AJAX para que me envíe dos datos a otra página .php que me hace una consulta.
<script type="text/javascript">
$(document).ready(function(){
var data=$("form").serialize();
function obtener_modificacion(){
$.ajax({
type:"POST",
url:"prueba2.php",
success: function(data)
{
$('#consulta').html(data);
}
});
}
$(document).on("click", "#buscar", function(){
$.ajax({
type:"POST",
url:"prueba2.php",
data:data,
success: function(data){
obtener_modificacion();
alert(data);
}
})
});
});
</script>
Y este es el formulario:
<form name="form" id="form" method="POST">
<select name="tipodoc" id="tipodoc">
<option value="0">Tipo de documento</option>
<option value="T.I.">Tarjeta de identidad</option>
<option value="C.C.">Cédula de ciudadanía</option>
<option value="C.E.">Cédula de extranjería</option>
</select>
<input type="number" name="documento" placeholder="Número de documento" id="documento" required>
<input type="submit" name="buscar" value="Consultar" id="buscar"></input>
</form>
<section id="consulta"></section>
Así es la página .php que recibe los datos (prueba2.php):
<?php
require('conexion.php');
if (isset($_POST['documento']) && isset($_POST['tipodoc'])) {
$doc=$_POST['documento'];
$tipodoc=$_POST['tipodoc'];
echo $tipodoc . " " . $doc . "<br>";
}
?>
Al querer enviar los datos, sí se generan las variables, pero sin valores; además, no me trae el echo del .php