Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » AJAX » Comparar la fecha de un input date con una ya registrada en la base de datos

AJAX - Comparar la fecha de un input date con una ya registrada en la base de datos

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Bartholomew
Val: 1
Ha aumentado su posición en 13 puestos en AJAX (en relación al último mes)
Gráfica de AJAX

Comparar la fecha de un input date con una ya registrada en la base de datos

Publicado por Bartholomew (1 intervención) el 21/12/2016 18:54:43
Hola a todos no se nada de Ajax es la primera vez que podría implementarlo lo que quiero hacer es lo siguiente, quiero que a partir de un input de tipo date me cargue todos los datos relacionados a esa fecha que yo seleccione (folio,nombre,edad etc etc..) intente con la libreria de prototype.js y utilizando autocomplete pero no me convencen del todo espero que me puedan orientar para atacar este problema gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 72
Oro
Ha mantenido su posición en AJAX (en relación al último mes)
Gráfica de AJAX

Comparar la fecha de un input date con una ya registrada en la base de datos

Publicado por Alejandro (17 intervenciones) el 22/12/2016 00:19:21
Hola Bartholomew, mira te dejo una pequeña funcion usando ajax. No se que utilizas en el backend. Podes indicarle los parametros necesarios para hacer la solicitud (URL, METODO, y los datos a enviar en tu caso la fecha). Veo que como respuesta necesitas traer varios datos, por lo que te recomiendo utilizar un objeto JSON.
La funcion esta muy simple le falta el manejo de errores pero para empezar esta bien.

Te dejo unos links para que investigues sobre el objeto: XMLHttpRequest

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
http://www.w3schools.com/xml/xml_http.asp

Saludos.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
function obtenerDatos(event) {
    event.preventDefault();
 
    var date = document.getElementById('date').value;
 
    if (date === '') {
        alert('Ingresa una fecha');
    } else {
 
 
        var httpRequest = null;
        var url         = 'url';    // url del backend

        var method      = 'POST';  // metodo

        var data        = 'date='+date.value; // datos a enviar 

 
        if ( window.XMLHttpRequest ) {
            httpRequest = new XMLHttpRequest();
        } else if ( window.XMLHttpRequest ) {
            httpRequest = new ActiveXObject('Microsoft.XMLHTTP');
        }
 
        // Realizo la solicitud

        httpRequest.onreadystatechange = function() {
            // Si la peticio se realizo de manera correcta...

            if ( this.readyState === 4 && this.status === 200 ) {
                console.log(httpRequest.responseText);
            }
        };
 
        httpRequest.open(method, url, true);
 
        // si el metodo elegido es post ingreso la cabezera correspondiente

        if (method === 'POST') {
            httpRequest.setRequestHeader('Content-Type', 'multipart/form-data');
        }
 
        // envio los datos

        httpRequest.send(data);
    }
}
 
(function(document){
 
    var form = document.getElementById('form');
 
    form.addEventListener('submit', obtenerDatos);
 
}(document));
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar