[SOLUCIONADO] Problema retorno array en función

[lightmoon]

Hola a todos.

Estoy atascado en una situación que no tiene sentido.
Tengo esta función:

Código:

function ajax(datos,url){	
 if (confirm('¿Desea proceder?')){ 
	 var valores= new Array(2);	
		$.ajax({
			type:'POST',
 			url:url,
 			data:datos,
 			beforeSend: function(){
				 console.log("Espere...");
			 },
 			dataType: "json",
 			success: function (data) {
				console.log(data.success);
				alert(data.success);
				valores[1]= data.id;				
 			},
 			error: function (XMLHttpRequest, textStatus, errorThrown) {
				valores[0]=1;
 			   	alert('ERROR: No se ha podido realizar la acción.');
			   
			   
 			}
		}); //Fin ajax		
	return valores;
 }
}

La cual ejecuta en Jquery ajax y devuelve un array.

Aquí la función que llama a ajax():

Código:

function nuevo_trabajador(){ 
    var res = new Array(2);                
    res = ajax($('#insertar').serialize(),'index_ajax.php?controlador=gastos/gastos&accion=insertar_trabajador');
//Si quito alert no me devuelve bien los parámetros
    alert(res[1]);    
    if (res[0]===0){
       [...]    
   }
}

Lo que ocurre es que cuando quito el alert no me devueve los parámetros, en cambio si ejecuto el alert el array "res" coge correctamente los datos, y no sé por que.

¿Podéis echarme una mano por favor?
Muchas gracias.

[Alexis88]

Estás realizando ejecuciones síncronas cuando AJAX trabaja de forma asíncrona. Puedes realizar tus operaciones en el callback success o pasarle como argumento una función a la función (una llamada de retorno o callback) de tal manera que puedas especificar un conjunto de acciones independiente por cada llamada.

Por ejemplo:

Código Javascript:

ajax("url", "datos", function(respuesta){
    //Acciones
}, function(xhr){
    //En caso de error
});
 
ajax("otra url", "otros datos", function(respuesta){
    //Otras acciones
}, function(xhr){
    //En caso de error
});
 
//...
 
function ajax(url, datos, callback, error){
    $.ajax({
        url: url,
        data: datos
        //Más propiedades
    }).done(callback).fail(error);
}
 

[lightmoon]

Gracias Alexis88.

Al final lo he solucionado de esta forma:

Código:

function ajax(datos,url,funcion,id){	
 if (confirm('¿Desea proceder?')){ 
	 var valores= new Array();
	 valores[0]=0;
	 valores[1]=0;	
		$.ajax({
			type:'POST',
 			url:url,
 			data:datos,
 			beforeSend: function(){
				 console.log("Espere...");
			 },
 			dataType: "json",
 			success: function (data) {
				console.log(data.success);
				alert(data.success);
				valores[1]= data.id;
				if(valores[1]=='' || valores[1]==null){
					valores[1]=id;
				}
				funcion(valores);
 			},
 			error: function (XMLHttpRequest, textStatus, errorThrown) {
				valores[0]=1;
 			   	alert('ERROR: No se ha podido realizar la acción.');
			   
			   
 			}
		}); //Fin ajax		
	
 }
}

Y en el formulario donde lo llamo:

Código:

<button onclick=\"event.preventDefault();ajax($('#form_trabajador".$array['id_mod_trabajdor']."').serialize(),'index_ajax.php?controlador=gastos/gastos&accion=eliminar_trabajador',quitar,".$array['id_mod_trabajdor'].");\" class='glyphicon glyphicon-remove'/>

El error estaba donde me comentaste, no tuve en cuenta la asincronía de ajax.
Muchas gracias.
Saludos.