Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Pasar variables GET de un link por ajax

Estas en el tema de Pasar variables GET de un link por ajax en el foro de Javascript en Foros del Web. Hola a todos !! Tengo el siguiente código en PHP: Código PHP: <a href="u/chat?idUsuChat= <?php  echo  $infoAmigo [ 'idusuarios' ];  ?> " alt="Chatear" title="Chatear">Ir a</a> Me gustaria pasar por ...
  #1 (permalink)  
Antiguo 20/06/2017, 02:02
Avatar de djboro88  
Fecha de Ingreso: junio-2009
Ubicación: Valencia
Mensajes: 180
Antigüedad: 14 años, 10 meses
Puntos: 2
Pregunta Pasar variables GET de un link por ajax

Hola a todos !!

Tengo el siguiente código en PHP:
Código PHP:
<a href="u/chat?idUsuChat=<?php echo $infoAmigo['idusuarios']; ?>" alt="Chatear" title="Chatear">Ir a</a>
Me gustaria pasar por ajax la varaible "idUsuChat" con el valor que tenga en ese momento "$infoAmigo['idusuarios']"

He encontrado este código:
Código HTML:
$(document).ready(function(){
   $("#enlaceajax").click(function(evento){
      evento.preventDefault();
      $("#destino").load("recibe-parametros.php", {nombre: "Pepe", edad: 45}, function(){
         alert("recibidos los datos por ajax");
      });
   });
})
Pero aquí pone los parámetros por defecto.
¿Existe alguna forma de hacer que cuando yo haga click en el enlace pase el valor de la variable GET (idUsuChat) a los parametro de ajax?
  #2 (permalink)  
Antiguo 20/06/2017, 02:53
Avatar de manuparquegiralda  
Fecha de Ingreso: junio-2012
Ubicación: Barcelona
Mensajes: 241
Antigüedad: 11 años, 9 meses
Puntos: 39
Respuesta: Pasar variables GET de un link por ajax

Es muy fácil:

Código PHP:
Ver original
  1. <a href="u/chat?idUsuChat=<?php echo $infoAmigo['idusuarios']; ?>" id="enlaceajax" alt="Chatear" title="Chatear">Ir a</a>



Código Javascript:
Ver original
  1. function getParamsUrl( url ) {
  2.     var param = {};
  3.     var su= url.split( "?" )[ 1 ].split( "&" );
  4.  
  5.     for( let i = 0; i < su.length; i++ ) {
  6.         let p = su[ i ].split( "=" );
  7.         param[ p[ 0 ] ] = p[ 1 ];
  8.     }
  9.  
  10.     return param;
  11. }
  12.  
  13.  
  14. $(document).ready(function(){
  15.    $("#enlaceajax").click(function(evento){
  16.       evento.preventDefault();
  17.  
  18.       var url= $( this ).attr( "href" );
  19.       var params = getParamsUrl( url );
  20.  
  21.  
  22.       $("#destino").load("recibe-parametros.php?idUsuChat=" + params.idUsuChat + "" , function(){
  23.          alert("recibidos los datos por ajax");
  24.       });
  25.    });
  26. })
__________________
Diseño Web - Arisman Web
  #3 (permalink)  
Antiguo 20/06/2017, 05:00
Avatar de djboro88  
Fecha de Ingreso: junio-2009
Ubicación: Valencia
Mensajes: 180
Antigüedad: 14 años, 10 meses
Puntos: 2
Respuesta: Pasar variables GET de un link por ajax

Perfecto, gracias !!

Etiquetas: ajax, forma, link, php, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:20.