mODAL O NO MODAL?. SER O NO SER?

[julia2021]

Hola Amiguitos de mi vida y mi corazon, jaja, tengo el siguiente problema:

Utilizo bootstrap y php para desarrollar y estoy haciendo una consulta a una base de datos y todo me funciona Ok, el problema es que no sé jaja, el problema es que quiero hacerlo usando ventanas modales y me tranco en lo siguiente:

Cuando hago mi página base, coloco un <FORM> sencillo para capturar la cedula del estudiante y su contraseña y un boton tipo Submit, ahora quiero buscar ese número en la base de datos y mostrar sus datos en una ventana modal.

El problema es que cuando hago la busqueda en la base de datos, no sé como "ejecutar", "llamar" para que se abran los resultados en una ventana modal sin necesidad de hacer click con el mouse, es decir, quiero buscar en la base de datos y luego mostrar en modal los resultados.

Tengo esto: <SPAN class="modal-title normal" id="myModal_consulta_saldo">CONSULTAS DE SALDO</SPAN> pero así tendría que hacer click en el botón para abrir la ventana modal y quiero que se abra automáticamente al conseguir el valor en la base de datos

Quién quiera ganarse uno de mis besitos, pleaseeeeee help meeee, y el que no quiera cariño pero pueda ayudarme igual se le va a querer

[Alexis88]

Usando una ventana emergente, solo tendrías que cancelar el envío del formulario y abrir una ventana emergente, añadiendo la dirección hacia la cual se enviará el dato (junto al dato concatenado en la query string) y, en el archivo PHP, realizarás la búsqueda en la base de datos y mostrarás los resultados.

Código HTML:

<!-- En la cabecera del formulario -->
<form onsubmit = "emergente(event, this)">
 

Código Javascript:

function emergente (evento, form){
    event.preventDefault(); //Cancelo el envío
    var direccion = form.action + "?valor=" + document.form.nombreDelCampo.value;
    window.open(direccion, "Búsqueda", "width=700, height=500"); //Abro una ventana emergente
}
 

Código PHP:

$valor = $_GET['valor'];
 
//A partir de acá, harás la búsqueda y mostrarás los resultados que se verán en la ventana emergente
 

Y si quieres usar una ventana modal, el proceso es similar, con la salvedad de que no usarás el método window.open() sino un contenedor que servirá como ventana modal (previamente deberás de aplicarle estilos) y tanto el envío del dato como la recepción de la respuesta la harás mediante una petición asíncrona (Ajax).

Código Javascript:

function emergente (evento, form){
    event.preventDefault(); //Cancelo el envío
    var direccion = form.action + "?valor=" + form.nombreDelCampo.value,
        xhr = new XMLHttpRequest(); //Creo un objeto XHR (Ajax)
    
    xhr.open(form.method, direccion, true); //Inicializo la petición
    xhr.send(); //Realizo el envío
    xhr.addEventListener("load", function(){ //Cuando se complete el proceso
        if (xhr.status == 200){ //Si obtengo una respuesta satisfactoria
            //Muestro en el contenedor la respuesta de la petición
            document.querySelector("#el id del contenedor").innerHTML = xhr.responseText;
            //Acá deberás de aplicar estilos en el contenedor para que se muestre como una ventana modal
        }
    }, false);
}
 

Para este segundo caso, el archivo PHP se conserva como en el primero. La respuesta a visualizarse será lo que imprimas en el archivo PHP.

Saludos

[julia2021]

@Alexis88 eres un verdadero amor, te entiendo la idea y no se me habia ocurrido colocar el dato a buscar en el url, GENIAL !!!!.
Tengo la idea y ya me voy a poner a echar código. Ahora bien, mi GRAN DUDA, quiero hacerlo por ventana modal y lo que No se hacer es como desplegar la ventana modal de manera automatica, es decir, si sé crear un boton y que al hacer click se despliegue la modal con la información que deseo, pero no sé como hacer para que se abra sola cuando se conecta a un url, por ejemplo:

Cuando se conecta a www.mipaginaweb.com/index.php?cedula=123456 como hago para llamar automaticamente a la ventana modal???

PD: Estoy usando bootstrap

[Alexis88]

Como señalé en la línea número 12 del bloque de código del segundo caso, es en esa parte en la que debes de mostrar la ventana modal. El contenedor que usas como ventana modal (si es que usas uno), debe de estar originalmente oculto (mediante CSS). Con JavaScript nativo, bastaría con que lo hagas visible mediante la propiedad style.display. Con jQuery podrías usar los métodos .show(), .fadeIn(), .toggle(), .fadeToggle(), .slideUp(), entre otros. No sé qué métodos tendrá Bootstrap, pero supongo que tendrá alguno equivalente a los que mencioné de jQuery.

Saludos