Для того, чтобы можно было дальше работать с подгруженными через AJAX данными, нужно в ".ajax" в параметрах указать "async: false" и последующую работу с данными перевести в параметр "success: function(data){ ... console.log(data) ...}".
$.ajax({
async: false,
success: function(data){
console.log(data);
},
error: function(){
console.log("Упс...");
}
});
Но я бы сделал так:
// Зададим переменную со стандартным значением "false", чтобы потом положить в нее данные
var my_data = false;
// Отправляем запрос
$.ajax({
async: false,
success: function(data){
console.log(data);
// Помещаем данные в переменную
my_data = data;
},
error: function(){
console.log("Упс...");
}
});
// Если значение переменной не равно стандартному, выводим результат в консоль
if(my_data != false){
console.log("Урашечки-ура!");
console.log(my_data);
}