Variable dentro de success de $.ajax

[djaevi]

Hola a todos tengo un problema algo extraño estoy intentando insertar unos valores en un array dentro de la funcion success de jquery, la insercion la hace bien solo que al salir del $.ajax nose ven los resultados de la operacion que hice dentro de el x ejemplo:

Código Javascript:

var colores = ["rojo"];
 
$.ajax({
success : function (json) {
colores.push("azul","verde");
alert(colores); // retorna rojo,azul,verde
}
})
 
alert(colores); retorna rojo
 

tambien probe haciendo la variable global aunque estando fuera de la funcion ya deberia serlo:

Código Javascript:

colores = ["rojo"];
 
$.ajax({
success : function (json) {
colores.push("azul","verde");
alert(colores); // retorna rojo,azul,verde
}
})
 
alert(colores); retorna rojo
 

probe tambien declarar una variable global de prueba dentro de success y luego mostrarla por fuera pero tampoco tuve suerte:

Código Javascript:

$.ajax({
success : function (json) {
texto = "global dentro de success"
alert(texto); // retorna "global dentro de success"
}
})
 
alert(texto); // retorna Error:texto is not defined
 

Alguna sugerencia? Gracias

[beeman00]

creo que tu problema es que el ajax es asincrono!!! si el segundo alert lo hace justo luego de salir del $.ajax... es logico que arroje este error!!!

prueba creando un boton deshabilitado que luego de ejecutar el ajax, en el success se le habilite y onclick haga alert(colores);

[Dradi7]

bueno otra forma aunque no muy recomendable es poner en tu ajax de JQuery como parametro async: "false"