entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

abrir respuesta ajax en ventana modal

hola buen dia,

gusto en saludarles estoy comenzando con desarrollo web y me gustaria saber si puede apoyarme en un inconveniente que tengo

cree una funcion ajax pero la respuesta se desarrolla al final del formulario y quisiera que se visualizara en una ventana modal o en un popup

esta es mi funcion:

function pago() {

            var str, ruta=document.FormPayUsuario

            var resultado=$.ajax({

                type:"POST",

                data:$("#FormPayUsuario").serialize(),

                url:'acciones/pago.php',

                dataType:'text',async:false

            }).responseText;

            document.getElementById("Instapago").innerHTML=resultado;

        }

Espero me pueda ayudar..! Saludos Cordiales..!

1 Respuesta

2votos

Leonardo-Tadei Puntos226490

Hola @jose_busta,

la respuesta de la llamada AJAX se verá en dónde sea que esté el elemento HTML con el identificador "Instapago". Supongo que será un DIV...

Si ese DIV lo ponés arriba en la página, o con CSS lo decorás como si fuera una ventana, se verá de esa manera y en ese lugar.

Si estás usando algún framework CSS/JS que muestra una ventana modal, poné a "Instapago" adentro de ese código de la ventana y se verá ahí al llamar a la función que lo hace aparecer.

En resumen: la respuesta se verá en dónde sea que la pongas de la página HTML.

Saludos cordiales

jose_busta comentado Ene 9

Muchas gracias por el apoyo..! efectivamente el div que almacenaba el resultado se encontraba justo al final del form por eso la respuesta se generaba hay, cree una ventana modal dentro de ese div y listo ya tengo el resultado deseado...

la funcion quedo asi:

  function pago() {

                var str, ruta=document.FormPayUsuario

                var resultado=$.ajax({

                    type:"POST",

                    data:$("#FormPayUsuario").serialize(),

                    url:'acciones/pago.php',

                    dataType:'text',async:false

                }).responseText;

                document.getElementById("Instapago").innerHTML=resultado;

            }

        </script>

        <script>

$("#btnab").on("click",function() {

    var $miModal = $('#Instapago');

    $miModal.modal('show');

});

Leonardo-Tadei comentado Ene 9

Gracias por compartir el código de la solución!

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta