Почему глобальная переменная не изменяется внутри $.ajax: success?

Question

[Иван]

Здравствуйте.

Есть код:

let data

$.ajax({
    type: "POST", 
    url: "getdata.php", 
    success: function (msg) { 
         data = 'информация'
    },
    error: function (response) { // Данные не отправлены
        alert('Ошибка. Данные не отправлены.')
    }
})

alert(data)

Возвращает undefined.
В чем ошибка?

Answer 1

[Сергей delphinpro]

function getData(){
  return $.ajax({
    type: "POST", 
    url: "getdata.php", 
  });
}

getData.done(function(data){
  alert(data);
});

async function getData() {
    return new Promise(function(resolve, reject) {
        $.ajax({
            type: "POST", 
            url: "getdata.php", 
            success: function (msg) { 
                resolve(msg);
            },
            error: function (response) { // Данные не отправлены
                reject('Ошибка. Данные не отправлены.');
            }
        }); 
    });
}

let data = await getData();

Comments

[Иван]

Пишет, "Uncaught TypeError: getData.success is not a function"
Пробовал с getData.success - аналогично :(

[Сергей delphinpro]

Иван, где вы в пример увидели success? или может быть в документации по jquery углядели?
Нет.
Метод $.ajax() возвращает deferred объект, имеющий методы done(), fail(), then(). Deferred по принципу работы - это что-то вроде нативных промисов.

[Денис Фролов]

function getData(){
  return $.ajax({
    type: "POST", 
    url: "getdata.php", 
  });
}
$(document).ready(function () {
getData().done(function(data){
  alert(data);
});
})

В случае использования в $(document).ready()

Answer 2

[Andrew]

Потому что аякс функция асинхронна и присвоение происходит только в success - коллбэке.
Поэтому там undefined, выведите значение переменной внутри success и увидите.
Т.е Она изменяется, но позже её вывода(алерта).

Comments

[Иван]

Как в таком случае быть? Как изменить/присвоить значение глобальной переменной внутри $.ajax?

[Andrew]

Иван, также, если вам нужно её значение после - либо выводите его в success, либо вешаете проверку на событие какое-то или таймер.
У вас там есть значение, просто порядок исполнения такой

1. Создание переменной(let data)
   
2. Выполнение алерта
   
3. ajax меняет её значение
   

let data;
$.ajax({
    type: "POST", 
    url: "getdata.php", 
    success: function (msg) { 
         data = msg;
alert(data);
    },
    error: function (response) { // Данные не отправлены
        alert('Ошибка. Данные не отправлены.')
    }
})

[Иван]

Для вывода или какой-то одноразовой операции это хорошо. Но мне необходимо в дальнейшем осуществлять операции с переменной data вне блока $.ajax. Как быть, если мне нужно в рамках AJAX только изменить переменную?

[Andrew]

Иван, так меняйте. ОНА МЕНЯЕТ ЗНАЧЕНИЕ!!!!!!!!!!!!