Foros del Web » Programando para Internet » Jquery »

$.ajax envía variable pero no carga la página

Estas en el tema de $.ajax envía variable pero no carga la página en el foro de Jquery en Foros del Web. Hola amigos. Quiero enviar un código a php y lo estoy recibiendo en el $_POST, pero cuando desde este archivo php redirige a un archivo ...
  #1 (permalink)  
Antiguo 19/02/2014, 07:11
 
Fecha de Ingreso: junio-2013
Ubicación: Argentina
Mensajes: 24
Antigüedad: 11 años, 6 meses
Puntos: 0
Pregunta $.ajax envía variable pero no carga la página

Hola amigos. Quiero enviar un código a php y lo estoy recibiendo en el $_POST, pero cuando desde este archivo php redirige a un archivo html, este no se abre. Creo que el problema lo estoy teniendo en el $.ajax.

Código Javascript:
Ver original
  1. function buscarPersonalCargo(){
  2.         $.ajax({
  3.             type: "POST",
  4.             url: "procesar_buscar.php",
  5.             dataType: 'json',
  6.             data: {tarea: 'buscarPersonalCargo'},
  7.             success:
  8.             function(respuesta){
  9.                 if(respuesta!=null){
  10.                     $('#divPersonalCargo').removeClass('hide');
  11.                     var appendPersonal = '';
  12.                     var codpersonal = '';
  13.                     $.each(respuesta, function(i) {
  14.                         codpersonal = "'"+respuesta[i].codpersonal+"'";
  15.                         appendPersonal = '<tr class="trPersonalCargo"> <td><label for=""  class="control-label">'+respuesta[i].apellidos+'</label></td><td><label for=""  class="control-label">'+respuesta[i].nombres+'</label></td> <td><button class="btn btn-danger btn-mini" onClick="pasarCodigo('+codpersonal+')">Planifciación</button></td> </tr>';
  16.                         $('#tbPersonalCargo').find('tbody').append(appendPersonal);
  17.                     });
  18.                 }
  19.                            
  20.             }
  21.         });
  22.  
  23.     }
  24.     function pasarCodigo(codigo){
  25.         $.ajax({
  26.             type: 'POST',
  27.             url: 'planificacion.php',
  28.             data: {codpersonal: codigo},
  29.         });
  30.     }

Revisando Firebug, se ve que carga el html, pero no se abre la página.

[URL=http://www.subeimagenes.com/img/firebug-850827.html][IMG]http://www.subeimagenes.com/thumb/firebug-850827.png[/IMG][/URL] Subido en [URL=http://www.subeimagenes.com]subir imagenes[/URL]

Saludos
  #2 (permalink)  
Antiguo 19/02/2014, 10:40
 
Fecha de Ingreso: junio-2013
Ubicación: Argentina
Mensajes: 24
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: $.ajax envía variable pero no carga la página

Ahora lo cambié, se abre la página pero no llega el valor por post
Código HTML:
Ver original
  1. <form id="frmPersonalCargo" action="planificacion.php" method="post">
  2.               <div class="hide" id="divPersonalCargo">
  3.                 <input type="hidden" name="codpersonal" value="" />
  4.                 <table id="tbPersonalCargo">
  5.                   <thead>
  6.                     <tr>
  7.                       <th>Personal</th>
  8.                       <th></th>
  9.                     </tr>
  10.                   </thead>
  11.                   <tbody id="trPersonalCargo">
  12.                      
  13.                   </tbody>
  14.                  
  15.                 </table>
  16.               </div>
  17.             </form>

Código Javascript:
Ver original
  1. function buscarPersonalCargo(){
  2.         $.ajax({
  3.             type: "POST",
  4.             url: "procesar_buscar.php",
  5.             dataType: 'json',
  6.             data: {tarea: 'buscarPersonalCargo'},
  7.             success:
  8.             function(respuesta){
  9.                 if(respuesta!=null){
  10.                     $('#divPersonalCargo').removeClass('hide');
  11.                     var appendPersonal = '';
  12.                     var codpersonal = '';
  13.                     var hidden;
  14.                     $.each(respuesta, function(i) {
  15.  
  16.                         //codpersonal = "'"+respuesta[i].codpersonal+"'";
  17.                         appendPersonal = '<tr class="trPersonalCargo"> <td><label for=""  class="control-label">'+respuesta[i].apellidos+' '+respuesta[i].nombres+'</label></td></td> <td><button class="btn btn-danger btn-mini" onClick="pasarCodigo('+"'"+respuesta[i].codpersonal+"'"+')">Planifciación</button></td> </tr>';
  18.                         $('#tbPersonalCargo').find('tbody').append(appendPersonal);
  19.  
  20.                     });
  21.                 }
  22.                            
  23.             }
  24.         });
  25.  
  26. function pasarCodigo(codigo){
  27.         $('codpersonal').val(codigo);
  28.         $('#frmPersonalCargo').submit();
  29.     }
  #3 (permalink)  
Antiguo 19/02/2014, 22:30
 
Fecha de Ingreso: enero-2010
Mensajes: 63
Antigüedad: 14 años, 11 meses
Puntos: 5
Respuesta: $.ajax envía variable pero no carga la página

Si no me equivoco, mirando la primera versión de la función pasarCodigo(), faltan las comillas sencillas en codpersonal y sobra la coma del final:

Código Javascript:
Ver original
  1. function pasarCodigo(codigo){
  2.         $.ajax({
  3.             type: 'POST',
  4.             url: 'planificacion.php',
  5.             data: {'codpersonal': codigo}
  6.         });
  7.     }

y en planificacion.php se obtiene asi:

Código PHP:
Ver original
  1. $codigo=$_POST["codpersonal"];

Etiquetas: jquery-ajax, php
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 13:45.