Foros del Web » Programando para Internet » Javascript »

Ajax envio de parametros

Estas en el tema de Ajax envio de parametros en el foro de Javascript en Foros del Web. Buen día, me podrían ayudar con el siguiente detalle que tengo: Tengo un botón que al ser presionado llama a la función ajax, esta función ...
  #1 (permalink)  
Antiguo 28/10/2013, 15:38
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Pregunta Ajax envio de parametros

Buen día, me podrían ayudar con el siguiente detalle que tengo:


Tengo un botón que al ser presionado llama a la función ajax, esta función recoge de un formulario los valores contenidos de dos campos texto para luego
mandarlos a un archivo php que las utilizara como condición dentro de una concatenación que haré para que formen un where que ira dentro de una query
el problema que tengo solo es en la parte de ajax ya que no puedo mandar esas variables al archivo php no se queme falte me podrían indicar que es?

Esto es lo que tengo en el archivo de ajax el parámetro Dirurl es la dirección del archivo a la que le mando los valores del formulario por medio del
metodo post:


Esta es la funcion ajax funciona perfectamente:

Código Javascript:
Ver original
  1. function nuevoAjax(xmlhttp){
  2.  
  3.     try {
  4.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  5.     } catch (e) {
  6.         try {
  7.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.         } catch (e) {
  9.             xmlhttp = false;
  10.         }
  11.     }
  12.     if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  13.         xmlhttp = new XMLHttpRequest();
  14.     }
  15.     return xmlhttp;
  16. }



//Esta funcion es la que me da el problema

Código Javascript:
Ver original
  1. function ExcelRptCnsUsr(DirUrl){
  2. alert('hola');
  3.  //donde se mostrará lo resultados
  4.   divResultado = document.getElementById('resultado');
  5.  
  6.  
  7.   //valores de los inputs
  8.     user=document.getElementById("csuser");
  9.         email=document.getElementById("csmail");
  10. //alert(user.value);
  11.      
  12.  
  13.     //instanciamos el nuevoAjax
  14.      ajax=nuevoAjax();
  15.  
  16.      //uso del medoto POST
  17.      
  18. //muy importante este encabezado ya que hacemos uso de un formulario
  19.      ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  20.    
  21.   //enviando los valores
  22.    ajax.send("user="+user.value+"&email="+email.value);
  23. //   ajax.send("nombreuno="+nombreuno.value+"&email="+email.value);
  24. }


Muchas gracias,

Saludos
  #2 (permalink)  
Antiguo 28/10/2013, 17:08
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

Te falta el post
Código Javascript:
Ver original
  1. ajax.open("post",Dirurl,true);
  #3 (permalink)  
Antiguo 28/10/2013, 17:13
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

YA se lo agregue , pero sigo con el mismo problema no manda los parametros

me quedo asi:


Código Javascript:
Ver original
  1. //20131028   Exportar Consulta usuarios
  2. function ExcelRptCnsUsr(DirUrl){
  3. alert('hola');
  4.  
  5.   //valores de los inputs
  6.     user=document.getElementById("csuser");
  7.         email=document.getElementById("csmail");
  8.  
  9.     //instanciamos el nuevoAjax
  10.      ajax=nuevoAjax();
  11.  
  12.      //uso del medoto POST
  13.        ajax.open("post",DirUrl,true);
  14.  
  15. // Petición con el método POST
  16. ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  17.  
  18.      
  19.   //enviando los valores
  20.    ajax.send("user="+user.value+"&email="+email.value);
  21.  
  22. }
  #4 (permalink)  
Antiguo 28/10/2013, 17:23
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

Haz un alert o un console.log para ver si esta recuperando el valor de los inputs
  #5 (permalink)  
Antiguo 28/10/2013, 17:30
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

Cita:
Iniciado por antvo Ver Mensaje
YA se lo agregue , pero sigo con el mismo problema no manda los parametros

me quedo asi:


Código Javascript:
Ver original
  1. //20131028   Exportar Consulta usuarios
  2. function ExcelRptCnsUsr(DirUrl){
  3. alert('hola');
  4.  
  5.   //valores de los inputs
  6.     user=document.getElementById("csuser");
  7.         email=document.getElementById("csmail");
  8.  
  9.     //instanciamos el nuevoAjax
  10.      ajax=nuevoAjax();
  11.  
  12.      //uso del medoto POST
  13.        ajax.open("post",DirUrl,true);
  14.  
  15. // Petición con el método POST
  16. ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  17.  
  18.      
  19.   //enviando los valores
  20.    ajax.send("user="+user.value+"&email="+email.value);
  21.  
  22. }
  #6 (permalink)  
Antiguo 28/10/2013, 17:34
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

Código Javascript:
Ver original
  1. console.log(user.value);
  2. console.log(email.value);
  #7 (permalink)  
Antiguo 28/10/2013, 17:47
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

Gracias,lo provare
  #8 (permalink)  
Antiguo 28/10/2013, 17:50
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

no me muestra los valores de los inputs

esto es lo que tengo en el html hice un form para tomar los input del form anterior:
Código HTML:
Ver original
  1. <form >
  2. <button Onclick="ExcelRptCnsUsr('Rpts/RptUsuarios.php')">Excel</button>
  3. </form>

Tengo algun error?

este es el form de donde quiero tomar los ids de los inputs ambos forms estan en la misma hoja html:

Código HTML:
Ver original
  1. <!-- <H2>Consulta de Usuarios</h2> -->
  2. <legend>Consulta de Usuarios</legend>
  3.  
  4. <form  action=""  enctype="multipart/form-data" onSubmit="ConsultaUsr('../Admin/test.php'); return false">
  5.   <label>Usuario</label><input type="text" name="csuser" id="csuser"> <br>
  6.    <label>Mail</label><input type="text" name="csmail"  id="csmail"> <br>
  7.   ...
  8.  
  9.   <input type="submit" value=" Buscar ">
  10. </form>
  11.  
  #9 (permalink)  
Antiguo 28/10/2013, 18:08
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

y porque tienes direcciones distintas en el form y en el boton ?

El boton del ajax no esta dentro del form de consulta de usuarios ?
  #10 (permalink)  
Antiguo 28/10/2013, 20:55
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

Estoy haciendo un reporte un formulario lo uso para manejar los filtros estos se envian a una pagina php que devuelve una query con código php que pinta los filtros y los coloca en un div

el segundo form es para exportar a excel la query que se mostro en en el div por lo que me vi en esa necesidad de hacer este formulario haciendo la utilizacion de ajax con su función de obtener los valores de los filtros y mandarlo al archivo php que me devolverá el archivo excel que contendra el resultado de la query.
  #11 (permalink)  
Antiguo 29/10/2013, 09:06
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

Ya pude hacer que me aparezcan las variables en la pantalla con alert(user.value) las dos variables están entrando correctamente a la función de ajax
pero no me esta funcionando el envió de estas al archivo php, esto lo comprobé haciendo un echo a cada una de las dos variables recibidas en el archivo php.
debo tener algo mal en la función de ajax.

No si se también afecte la url del directorio donde esta el archivo al que le quiero enviar los parámetros en el form establezco la URL en el nivel
carpeta Rpts/RptUsuarios.php y donde esta el formulario HTML es el directorio Admin/ConsultaUsuarios.html y dentro de Admin esta Rpts Admin/rpts
supongo que esta bien la dirección(Rpts/RptUsuarios.php) que le mando a la función ExcelRptCnsUsr ya que esta debajo del nivel Admin.
  #12 (permalink)  
Antiguo 29/10/2013, 17:58
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Pregunta Respuesta: Ajax envio de parametros

¿Que me estará Faltando?
  #13 (permalink)  
Antiguo 29/10/2013, 18:12
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

Me parece que esto deveria de ir dentro del foro de php ahi te ayudaran mas rapido si pubicas tu codigo de php aqui te van a regañar te sugiero que lo hagas en el foro antes mencionado
Saludos
  #14 (permalink)  
Antiguo 29/10/2013, 22:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Ajax envio de parametros

Hola:

El tag button es por defecto del tipo submit (salvo en explorer), así que si no quieres que se envíe el formulario debes cancelarlo o especificar el tipo (type="button")

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Última edición por caricatos; 29/10/2013 a las 22:24 Razón: sintaxis
  #15 (permalink)  
Antiguo 30/10/2013, 08:54
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Respuesta: Ajax envio de parametros

Gracias caricatos

lo probé colocando esto:
Código HTML:
Ver original
  1. <input type="button"  Onclick="ExcelRptCnsUsr('Rpts/RptUsuarios.php')" value=" Excel">
y no jalo
lego probe con esto:
Código HTML:
Ver original
  1. <button type="button"  Onclick="ExcelRptCnsUsr('Rpts/RptUsuarios.php')">Excel</button>
y tampoco
  #16 (permalink)  
Antiguo 30/10/2013, 12:31
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años
Puntos: 14
Respuesta: Ajax envio de parametros

Código Javascript:
Ver original
  1. <button  onclick="ExcelRptCnsUsr('Rpts/RptUsuarios.php')">Excel</button>
  #17 (permalink)  
Antiguo 30/10/2013, 12:48
 
Fecha de Ingreso: junio-2012
Mensajes: 233
Antigüedad: 11 años, 10 meses
Puntos: 3
Exclamación Respuesta: Ajax envio de parametros

Cita:
Iniciado por vick90 Ver Mensaje
Código Javascript:
Ver original
  1. <button  onclick="ExcelRptCnsUsr('Rpts/RptUsuarios.php')">Excel</button>
Gracias vick90 hice el cambio pero sigue igual no manda los parametros.

Saludos

Etiquetas: ajax
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 00:05.