[SOLUCIONADO] borrar antes que listar

[Samka]

estoy realizando un programa y necesito que primero borre y luego actualice y el problema es que me lo hace aleatoriamente, a veces me borra primero y luego me lista y luego me lista y me borra después aunque si lo muestro en la consola se ejecuta bien...

he probado a darle un tiempo de un segundo entre le ejecución de uno y de otro pero no lo soluciona...

he de decir que lo tengo es dos funciones click, una borra y otra lista y se ejecutan "a la vez"

como podría hacer que se ejecuten siempre en orden?

[Djoaq]

Pon el código que tengas hecho y así podremos ayudarte.
Un saludo!

[Samka]

Iniciado por Djoaq

Pon el código que tengas hecho y así podremos ayudarte.
Un saludo!

perdona, no me di cuenta

Código Javascript:

$("#list-admins table").on("click", ".borrar", function(){
    var idAdmin=$(this).attr('id');
    var API_URIAdmin = "http://localhost/administrador/";
    $.ajax({
        type:'DELETE',
        crossDomain: true,
        url:API_URIAdmin+idAdmin,
        dataType:"json",
        beforeSend: function() {
        },          
        success:function(response) {
            json=response
        },    
        error:function(jqXHR, data, textStatus, errorThrown) {
            console.log(data);
            console.log(errorThrown);
        }
    });
});
$("#list-admins table").on("click", ".borrar", function(){  
    $.ajax({
        type:'GET',
        crossDomain: true,
        url:API_URIAdmin,
        dataType:"json",
        beforeSend: function() {
        },          
        success:function(response) {
            json=response
            $("#list-admins table tr").remove();
            for(var i=0; i<json.length;i++){
                $("#list-admins table").append("<tr><td><img src='"+json[i]['imgPerfil']+"' /></td><td><span>"+json[i]['usuario']+"</span></td><td><span>"+json[i]['email']+"</span></td><td  class='borrar' id='"+json[i]['idAdministrador']+"'><img src='./../../images/icon/trash.png' style='height:24px;' /></td></ul>")
            }
        },    
        error:function(jqXHR, data, textStatus, errorThrown) {
            console.log(data);
            console.log(errorThrown);
        }
    });
});
 

[andresgarciadev]

por que no haces mejor que el evento delete te retorne la data que que te devuelve el segundo ajax? si al final de cuenta usa casi la misma url, me parece que hacs dos ajax cuando es innecesario ya que el primer ajax que elimina no retorna nada importante por lo que veo

[Trublux]

Para lo que quieres tienes que hacer la segunda petición en el "success" de la primera (y así solo tendrías un evento capturado al hacer click en la clase borrar).
Otra opción sería que les pusieses el parámetro async a false pero no creo que sea buena idea en este caso.

[Samka]

Iniciado por andresgarciadev

por que no haces mejor que el evento delete te retorne la data que que te devuelve el segundo ajax? si al final de cuenta usa casi la misma url, me parece que hacs dos ajax cuando es innecesario ya que el primer ajax que elimina no retorna nada importante por lo que veo

pensé en esta solución pero no me pareció demasiado limpia, pero he probado y es la más efectiva, lo hace sin problema, gracias!