Ajax de jquery con problemas de carga

[andres18281]

Hola javascripts...

Tengo el siguiente problema, tengo una carga de skus con tres select multiples,
el problema cuando selecciona el primer select el segundo carga tambien pero aveces cambiando los option suele pasar que no a cargado bien el segundo select, asi pasa tambien con el tercer select, aveces carga aveces no.

Código Javascript:

function escoge_categoria_principal(){
  
            $("#cate_princ option:selected").each(function () {
                    valor=$(this).val();
            });
              $.ajax({
                type:"GET",
                async: true,
                dataType:"html", //este es el tipo de datos que esperas del server
                url:"/proyecto/Vista/select_tip_producto.php",
                data:"valor="+valor,
                beforeSend:function(){
                    console.log("Antes de enviar");
                },
                success:function(data){
                   $("#tipo_producto").html(data);
                }              
             });   
}
 

aqui esta el select_tip_producto.php

Código PHP:

<?php
 require('../Controlador/Consultas.php');
    $item = new Consultas();
    $busca = $_GET['valor'];
 
    $array = $item->consulta_tipo_productos($busca);  
        for($i = 0;$i<count($array);$i++){
            $uno = $array[$i]["codigo"];
            $dos = $array[$i]["nombre"];
            echo '<option value="'.$uno.'">'.$dos.'</option>';
        }
        $item->cerrar_conexion();
    ?>
 

Código Javascript:

function escoge_tipo_producto(){
 
            $("#tipo_producto option:selected").each(function () {
                valor=$(this).val();
             });  
              $.ajax({
                type:"GET",
                async: true,
                dataType:"html", //este es el tipo de datos que esperas del server
                url:"/proyecto/Vista/select_categoria.php",
                data:"valor="+valor,
                beforeSend:function(){
                    console.log("Antes de enviar");
                },
                success:function(data){
                      $("#categoria").html(data);
                
                }               
             });   
   
  }
 

Aqui les dejo el otro select

Código PHP:

<?php
require('../Controlador/Consultas.php');
        $con = new Consultas();
        $busca = $_GET['valor'];
        $row = $con->consulta_categoria($busca);
        for($i = 0;$i<count($row);$i++){
            $codigo = $row[$i]['codigo'];
            $nombre = $row[$i]['nombre'];
            echo '<option value ="'.$codigo.'">'.$nombre.'</option>';
        }
        $con->cerrar_conexion();
 
 
?>
 

La llamada a las consultas estan bien, hice algunas pruebas por ejemplo
localhost/proyecto/Vista/select_categoria.php?value=1111 un ejemplo y muestra las opciones, parece ser el problema el jquery pero segun veo pues con el firebug observo que efectivamente hay una accion como esto en la parte de consola:
/proyecto/Vista/select_categoria.php?valor=3334, en cada cambio de option hay un evento.
Les agradezco la ayuda.

[andres18281]

Le anexe un parametro llamado error y cuando falla sale esto
Object {readyState=4, statusText="OK", status=200, ...}
timeout
undefined

parece ser con el tiempo.

[andresgarciadev]

valida que no cargue el ajax apartir de una variable
es decir... cada vez que entra a una funcion que hara un ajax setea una variable como false
al terminar el ajax y entrar al .done o sucess cambia la variable a true
y valida siempre que esa variable sea true para que entre al ajax, de tal forma siempre espera a que termine una para que cargue otra ya que eso es lo que te da problemas

[andres18281]

Iniciado por andresgarciadev

valida que no cargue el ajax apartir de una variable
es decir... cada vez que entra a una funcion que hara un ajax setea una variable como false
al terminar el ajax y entrar al .done o sucess cambia la variable a true
y valida siempre que esa variable sea true para que entre al ajax, de tal forma siempre espera a que termine una para que cargue otra ya que eso es lo que te da problemas

Gracias ya corregi el problema, simplemente tenia una version menos del jquery, le puse la actual y funciono mejor el ajax.