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

1voto

Enviar dos URL con un mismo botón

hola chic@s tengo una duda... quiero enviar dos URL con un mismo botón quiero enviar un id a dos paginas diferentes pero al hacer clic en un botón que haga esta acción alguien me puede ayudar o saben de una forma de como enviar un URL al cargar la pagina.
de antemano gracias...

<span class="btn1 btn-lg btn btn-danger glyphicon glyphicon-ok-circle" id="btn1" data-id="<?php echo $row->id; ?>" > Enviar</span>

$(document).ready(function(){
             $("#btn1").click(function(){
                 var id=$("#id").val();
                 $.ajax({
                     url:'pagina1.php',
                     method:'POST',
                     data:{
                         id:id
                     },
                    success:function(data){
                        alert(data);
                    }
                 });
             });
         });

$(document).ready(function(){
             $("#btn1").click(function(){
                 var id=$("#id").val();
                 $.ajax({
                     url:'pagina2.php',
                     method:'POST',
                     data:{
                         id:id
                     },
                    success:function(data){
                        alert(data);
                    }
                 });
             });
         });

3 Respuestas

2votos

jj19958 Puntos4130

hola chicos gracias por la ayuda pero lo solucione de esta forma... gracias de antemano por su tiempo

window.onload = function fun1(){
             var id = $("#id").val();
             $.ajax({
                 url:'pagina1.php',
                 method:'POST',
                 data:{
                     id:id,
                 },
                success:function(data){
                    alert(data);
                }
             });
            }

0voto

Peter comentado

Gracias por compartir la solución!

3votos

Th3Mik3s Puntos2950

Vaya... y en una sola no puedes hacer lo que vayas a realizar con los valores?
Puedes hacerlo en cadena, al terminar uno, inicie el otro

<span class="btn1 btn-lg btn btn-danger glyphicon glyphicon-ok-circle" id="btn1" data-id="<?php echo $row->id; ?>" > Enviar</span>

$(document).ready(function(){
  $("#btn1").click(function(){
    var id=$("#id").val();
    $.ajax({
      url:'pagina1.php',
      method:'POST',
      data:{
        id:id
      },
      success:function(data){
        alert(data);
        fnSecond();
      }});
   });
});

function fnSecond(){
  $("#btn1").click(function(){
    var id=$("#id").val();
    $.ajax({
      url:'pagina2.php',
      method:'POST',
      data:{
        id:id
      },
      success:function(data){
        alert(data);
      }});
   });
}

3votos

pedrourday Puntos3330

¿Lo que querés decir, es que al hacer click en el botón, realize 2 peticiones POST: una petición a pagina1.php y la otra petición pagina2.php? ¿ambas peticiones seguidas, una a continuación de la otra?

Si es así, es muy simple. Y para hacer el ejemplo mucho más corto, uso el método $.post que es como un atajo a la funcón $.ajax, para el caso de peticiones POST

En definitiva, el código (solo JavaScript) te quedaría así:

$("#btn1").click(function(){
    var id = $("#id").val();
    $.post("pagina1.php", data:{ id: id }, function(data) { alert(data); });
    $.post("pagina2.php", data:{ id: id }, function(data) { alert(data); });
});

Por supuesto, el código tenés que encapsularlo en:

$(document).ready(function(){  ...  });

O incluso el atajo más corto:

$(function() {  ...  });

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

Otras Preguntas y Respuestas


...

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

Conecta