Tema: Ajax funciona en un servidor pero en otro no
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/06/2014, 14:44
chubse
 
Fecha de Ingreso: marzo-2012
Mensajes: 84
Antigüedad: 12 años, 9 meses
Puntos: 3
Ajax funciona en un servidor pero en otro no
Que tal amigos del foro, les agradezco mucho la ayuda y el tiempo que siempre proporcionan. Les cuento que tengo un problema:
tengo un código donde hago una llamada a una consulta por medio de ajax, lo he probado en un servidor y funciona perfectamente, sin embargo cuando lo subo a otro servidor no funciona, ¿a qué se deberá?

Gracias por su ayuda

Código HTML: 
Ver original
  1. <head>
  2. <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
  3. <script type="text/javascript" src="js/llamada_ajax.js"></script>
  4. </head>
  5. <body>
  6. <div id="content">
  7.         <div class="filtro">
  8.             <form id="frm_filtro" method="post" action="">
  9.                 <ul>
  10.                 <table width="100%" border="0">
  11.   <tr>
  12.     <td width="40%"><li><label>Fecha: &nbsp;&nbsp; del</label> 
  13.                         <input name="datepickerDel" id="datepickerDel" type="text" size="14"> 
  14.                         al 
  15.                         <input name="datepickerAl" id="datepickerAl" type="text" size="14"></li></td>
  16.     <td width="40%"><li><label>Tipo de usuario:</label>
  17.                         <select name="tipo_usuario" id="tipo_usuario" style="width:185px">
  18.                             <option value="0">Elige</option>
  19.                             <?php
  20.                             $query = mysql_query("SELECT * FROM cat_tipo_usuario ORDER BY tipo_usuario"); 
  21.                             while($row = mysql_fetch_array($query)){
  22.                                 ?>
  23.                                 <option value="<?php echo $row['id_tipo_usuario'] ?>">
  24.                                     <?php echo $row['tipo_usuario'] ?>
  25.                                 </option>
  26.                                 <?php
  27.                             }
  28.                             ?>
  29.                         </select>               
  30.                     </li></td>
  31.     <td width="20%"><li>
  32.                         <button type="button" id="btnfiltrar">Filtrar</button>
  33.                     </li>     
  34.                     
  35.                     <li>
  36.                         <a href="javascript:;" id="btncancel">Todos</a>
  37.                     </li></td>
  38.   </tr>
  39.   <tr>
  40.     <td width="40%"><li><label>Palabras:</label> <input type="text" name="palabras" id="palabras" size="40" /></li></td>
  41.     <td width="40%"><li><label>Tipo de visita:</label>
  42.                         <select name="tipo_visita" id="tipo_visita" style="width:200px">
  43.                             <option value="0">Elige</option>
  44.                             <?php
  45.                             $query = mysql_query(" SELECT * FROM dat_documentos GROUP BY nombre "); 
  46.                             while($row = mysql_fetch_array($query)){
  47.                                 ?>
  48.                                 <option value="<?php echo $row['id_documento'] ?>">
  49.                                     <?php echo $row['nombre'] ?>
  50.                                 </option>
  51.                                 <?php
  52.                             }
  53.                             ?>
  54.                         </select>                   
  55.                     </li></td>
  56.     <td width="20%">&nbsp;</td>
  57.   </tr>
  58. </table>
  59.                 </ul>
  60.             </form>
  61.         </div>
  62.         
  63.         <br>
  64.     <div id="lineaPunteada"></div>
  65.     <br>
  66.         
  67.         <table cellpadding="0" cellspacing="0" id="data" width="100%">
  68.             <thead>
  69.                 <tr>
  70.                     <th width="20%" align="center"><span title="usuario">Usuario</span></th>
  71.                     <th width="10%" align="center"><span title="tipo_usuario">Tipo de usuario</span></th>
  72.                     <th width="30%" align="center"><span title="documento">Tipo de visita</span></th>
  73.                     <th width="10%" align="center"><span title="archivo">Documento</span></th>
  74.                     <th width="10" align="center"><span title="instructivo">Instructivo</span></th>
  75.                     <th width="20%" align="center"><span title="fecha">Fecha</span></th>
  76.                 </tr>
  77.             </thead>
  78.             <tbody>
  79.                 
  80.             </tbody>
  81.         </table>
  82.     </div>
  83. </body>

llamada_ajax.js
Código Javascript: 
Ver original
  1. / JavaScript Document
  2. var ordenar = '';
  3. $(document).ready(function(){
  4.     
  5.     // filtrar al darle click al boton
  6.     $("#btnfiltrar").click(function(){ filtrar() });
  7.     
  8.     // boton cancelar
  9.     $("#btncancel").click(function(){ 
  10.         $(".filtro input").val('')
  11.         $(".filtro select").find("option[value='0']").attr("selected",true)
  12.         filtrar() 
  13.     });
  14.     
  15.     // ordenar por
  16.     $("#data th span").click(function(){
  17.         var orden = '';
  18.         if($(this).hasClass("desc"))
  19.         {
  20.             $("#data th span").removeClass("desc").removeClass("asc")
  21.             $(this).addClass("asc");
  22.             ordenar = "&orderby="+$(this).attr("title")+" asc"      
  23.         }else
  24.         {
  25.             $("#data th span").removeClass("desc").removeClass("asc")
  26.             $(this).addClass("desc");
  27.             ordenar = "&orderby="+$(this).attr("title")+" desc"
  28.         }
  29.         filtrar()
  30.     });
  31. });
  32.  
  33. function filtrar()
  34. {   
  35.     $.ajax({
  36.         data: $("#frm_filtro").serialize()+ordenar,
  37.         type: "POST",
  38.         dataType: "json",
  39.         url: "filtro_reportes/ajax.php?action=listar",
  40.             success: function(data){
  41.                 var html = '';
  42.                 if(data.length > 0){
  43.                     $.each(data, function(i,item){
  44.                         html += '<tr>'
  45.                             html += '<td width="20%" align="center">'+item.usuario+'</td>'
  46.                             html += '<td width="10%" align="center">'+item.tipo_usuario+'</td>'
  47.                             html += '<td width="30%" align="center">'+item.documento+'</td>'
  48.                             html += '<td width="10%" align="center">'+item.archivo+'</td>'
  49.                             html += '<td width="10%" align="center">'+item.instructivo+'</td>'
  50.                             html += '<td width="20%" align="center">'+item.fecha+'</td>'
  51.                         html += '</tr>';
  52.                                                             
  53.                     });                 
  54.                 }
  55.                 if(html == '') html = '<tr><td colspan="6" align="center">No se encontraron registros...</td></tr>'
  56.                 $("#data tbody").html(html);
  57.             }
  58.       });
  59. }

ajax.php
Código PHP: 
Ver original
  1. include ("../conexion_mysql.php");
  2.  
  3. if($_GET['action'] == 'listar')
  4. {
  5.     // valores recibidos por POST
  6.     $vnm   = $_POST['palabras'];
  7.     $vtipo_user = $_POST['tipo_usuario'];
  8.     $vtipo_visita = $_POST['tipo_visita'];
  9.     $vdel  = $_POST['datepickerDel'];
  10.     $val   = $_POST['datepickerAl'];
  11.     
  12.     $sql = " SELECT 
  13.     dat_visitas.id_visitas, 
  14.     cat_usuarios.nombre, 
  15.     cat_tipo_usuario.tipo_usuario, 
  16.     dat_visitas.fecha, 
  17.     dat_documentos.nombre, 
  18.     dat_visitas.archivo, 
  19.     dat_visitas.instructivo
  20.     FROM dat_visitas 
  21.     INNER JOIN cat_usuarios ON cat_usuarios.id_usuario = dat_visitas.id_usuario 
  22.     INNER JOIN cat_tipo_usuario ON cat_tipo_usuario.id_tipo_usuario = cat_usuarios.tipo_usuario 
  23.     INNER JOIN dat_documentos ON dat_documentos.id_documento = dat_visitas.documento 
  24.     ";
  25.                                         
  26.     // Vericamos si hay algun filtro
  27.     $sql .= ($vnm != '')      ? " WHERE CONCAT(cat_usuarios.nombre,' ', dat_documentos.nombre,' ', cat_tipo_usuario.tipo_usuario) LIKE '%$vnm%' ORDER BY dat_visitas.fecha DESC" : "";
  28.     $sql .= ($vtipo_user > 0)      ? " WHERE cat_usuarios.tipo_usuario = '".$vtipo_user."' ORDER BY dat_visitas.fecha DESC" : "";
  29.     $sql .= ($vtipo_visita > 0)      ? " WHERE dat_documentos.id_documento = '".$vtipo_visita."' ORDER BY dat_visitas.fecha DESC" : "";
  30.     $sql .= ($vdel && $val)   ? " WHERE dat_visitas.fecha BETWEEN '$vdel' 
  31.                                                         AND '$val' ORDER BY dat_visitas.fecha DESC" : "";
  32.     
  33.     // Ordenar por
  34.     $vorder = $_POST['orderby'];
  35.     
  36.     if($vorder != ''){
  37.         $sql .= " ORDER BY ".$vorder;
  38.     }
  39.     
  40.     $query = mysql_query($sql);
  41.     $datos = array();
  42.     
  43.     while($row = mysql_fetch_row($query))
  44.     {       
  45.         
  46.         $fecha=explode(" ",$row[3]);
  47.         $explode=explode("-",$fecha[0]);
  48.         $ano=$explode[0];
  49.         $mes=$explode[1];
  50.         $dia=$explode[2];
  51.     
  52.         $datos[] = array(
  53.             'usuario'               => utf8_encode($row[1]),
  54.             'tipo_usuario'          => utf8_encode($row[2]),
  55.             'documento'             => utf8_encode($row[4]),
  56.             'archivo'               => $row[5], 
  57.             'instructivo'           => $row[6],
  58.             'fecha'                 => $dia."-".$mes."-".$ano
  59.         );
  60.     }
  61.     // convertimos el array de datos a formato json
  62.     echo json_encode($datos);
  63. }