Soy nuevo con AJAX y tengo varios problemas. En este momento, cuento con un código para enviar datos de un formulario por JQuery y con estos, generar una consulta en la misma página.
Este es el código del HTML (aunque lo tengo como .PHP):
<!DOCTYPE html>
<html>
<head>
<title>Control de Ingresos y Salidas del Centro.</title>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximun-scale=1, minimun-scale=1">
<link rel="stylesheet" type="text/css" href="../estilos/consultaraprendices.css">
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function obtener_datos(){
$.ajax({
type:'POST',
url:"consultaprendiz.php",
success: function(data){
$('#consulta').html(data);
}
});
}
$(document).on("click", "#enviar", function(){
var documento=document.getElementById("documento").value;
alert(doc);
$.ajax({
type:'POST',
url:"consultaprendiz.php",
data: {documento:"1070627714"},
success: function(data){
obtener_datos();
}
});
});
$(document).on("click", "#enviar", function(){
var tipodoc=document.getElementById('tipodoc').value;
alert(tipodoc);
$.ajax({
type:'REQUEST',
url:"consultaprendiz.php",
data:{tipodoc:"2"},
success: function(data){
obtener_datos();
}
});
});
});
</script>
</head>
<body>
<select name="tipodoc" id="tipodoc">
<option value="0">Tipo de documento</option>
<option value="1">Tarjeta de identidad</option>
<option value="2">Cédula de ciudadanía</option>
<option value="3">Cédula de extranjería</option>
</select>
<input type="number" name="documento" placeholder="Número de documento" id="documento" required>
<button type="submit" name="enviar" id="enviar">Consultar</button>
<section id="consulta">
</section>
</body>
</html>
Y este, es la página que me debería hacer la consulta:
<?php
include('conexion.php');
$doc=$_POST['documento'];
$tipodoc=$_REQUEST['tipodoc'];
?>
<?php
if ($tipodoc==1) {
$a = "SELECT * FROM aprendices, fichas, jornadas, ambientes WHERE aprendices.tipo_doc_ap='T.I.' AND aprendices.doc_ap='$doc' AND aprendices.id_ficha=fichas.id_ficha AND fichas.id_jornada=jornadas.id_jornada AND fichas.num_ambiente=ambientes.num_ambiente";
$b = mysqli_query($mysqli, $a);
while ($z=mysqli_fetch_array($b)){
echo "<img src='../imagenes/boton.png' id='foto'>"; echo "<font size='10' class='cajas' id='nombre'>" . $z['nombres_ap']; echo " " . $z['apellidos_ap'] . "</font>"; echo "<font size='10' class='cajas' id='ficha'>" . $z['id_ficha'] . "</font>"; echo "<font size='10' class='cajas' id='programa'>" . $z['nombre_ficha'] . "</font>"; echo "<font size='10' class='cajas' id='jornada'>" . $z['nombre_jornada'] . "</font>"; echo "<font size='10' class='cajas' id='ambientes'>" . $z['num_ambiente']; echo " - " . $z['dependencia_ambiente'] . "</font>"; echo "<font size='10' class='cajas' id='celular'>" . $z['celular_ap'] . "</font>"; echo "<font size='10' class='cajas' id='estadogeneral'>" . $z['estado_ap'] . "</font>"; echo "<font size='10' class='cajas' id='correo'>" . $z['correo_ap'] . "</font>";
}
}
Agradecería la ayuda, porque he intentado varias cosas, pero siempre me aparece el error de índices indefinidos.
data
así por ejemplo:data: {documento:"1070627714"}
en elPOST
oGET
debes buscar por la clavedocumento
, algo así:$_POST['documento']
, pues se busca el índice que se pone a la izquierda dedata
. Los undefined index son sin duda por el lío de peticiones Ajax que tienes. Deja una sola, bien escrita y prueba. En PHP no mezclesREQUEST
yPOST
. Si el tipo de petición esPOST
entonces usaPOST