Как увидеть переменную из функции js?

Question

[Сергей]

Есть такой Ajax запрос:
   $.ajax({
        type: "POST",
        data: {'request':1},
        url: "/json.php",
        dataType: "json",
        success: function(data){
            var t =  data.data;
        }
    });

    console.log(t);

мне нужно вывести что вернулось в t но именно вот уже после этой функции так как в примере, есть переменная t и в нее нужно записать результат данного ajax запроса но вот не получается разобраться с областью видимости этой переменной

Answer 1

[Ришат Кадыров]

Решение в лоб. Но работать не будет, так как $.ajax функция ассинхронная.

var t;
$.ajax({
    type: "POST",
    data: {'request':1},
    url: "/json.php",
    dataType: "json",
    success: function(data){
        t = data.data;
    }
});
console.log(t);

Работающее решение.

var t;
$.ajax({
    type: "POST",
    data: {'request':1},
    url: "/json.php",
    dataType: "json",
    success: function(data){
        t = data.data;
        callback();
    }
});
function callback () {
    console.log(t);
}

Comments

[Сергей]

ну да такой вариант запишет в консоль результат t но если t нужно будет где то в коде дальше использовать ? например ниже в коде будет $(".editable").editable({source: t});

[Ришат Кадыров]

$(".editable").editable({source: t}); тоже надо положить в callback.
Это ассинхронность, большая неожиданнасть в JS после PHP . Изучите механизм коллбеков, без этого никуда.

Answer 2

[Алексей Чернышев]

Вижу выход такой:

Где-то глобальный объект:

var obj = {
      t: null
}

Потом где-то вызываем загрузку с сервера данных:

var $deffered = $.ajax({
        type: "POST",
        data: {'request':1},
        url: "/json.php",
        dataType: "json",
    });

$deffered.done(function(data){

obj.t = data.data;

});

По какому-то условию смотрим на состояние свойства obj.t, если оно не null, используем дальше.
Ну и конечно можно вызвать любую функцию, когда данные от сервера получены.

Answer 3

[Stalker_RED]

Можно с коллбеком, как указано выше, или чуть проще - вывести в самом обработчике onsuccess, но сообщение вы увидите только в случае успешного запроса.

$.ajax({
        type: "POST",
        data: {'request':1},
        url: "/json.php",
        dataType: "json",
        success: function(data){
            var t =  data.data;
            console.log('Huge success! ', t);
        }
    });

Comments

[Сергей]

если бы все так просто было ) но смысл не в том чтобы просто увидеть результат а еще и использовать его дальше в коде

[Stalker_RED]

Тогда самое правильное - callback. Можно скомбинировать, часть кода в самом onsuccess, а часть вынести в коллбек, типа такого pastebin.com/aL9L2UWH

Answer 4

[Сергей Мельников]

$.post("/json.php", {request: 1}, function(resp) {
	var data = resp.data;

	// делаем с data что угодно ...
});