Как извлечь JSON из Promise?

Question

[beduin01]

В переменную мне нужно получить JSON. Однако из-за ассинхронности JS я получаю туда Promise.

$scope.stat_fromdb = $http.get('http://127.0.0.1:8080/stat').success(function(response) {
         // $scope.stat_fromdb = response.data;
         return response.data;
         console.log($scope.stat_fromdb);
    	
    	});
    	 console.log($scope.stat_fromdb);

Вопрос, как JSON оттуда вытащить?

Answer 1

[Dmitry Pavlov]

Либо берите данные из response внутри callback-а

$http.get('http://127.0.0.1:8080/stat').success(function(response) {
         // используйте свои данные прямо тут 
         var data = response.data;
         console.log(data);
});

Либо (если результат нужен какому-то внешнему коду) передайте снаружи callback - функцию которую нужно вызвать, когд данные будут готовы.

var getData = function (callMeWhenDataReady) {
$http.get('http://127.0.0.1:8080/stat').success(function(response) {
         var data = response.data;
         console.log(data);
         // передайте данные во внешний callback
         callMeWhenDataReady(data);
});
};

...
getData(function(data) { 
        console.log(data);
} )
...

JS асинхронный - надо помнить об этом и организовывать код правильно. Если нужно дожидаться нескольких AJAX запросов, чтобы продолжить что-то делать - можно также использовать jQuery.when().

Comments

[beduin01]

У меня с вашим кодом к сожалению та же проблема, что и с решением от предыдущего участника. img.ctrlv.in/img/15/12/06/5664196784f4e.png

[beduin01]

В лог ничего не выводится, хотя по УРЛу видно, что данные есть

[Dmitry Pavlov]

beduin01: респонс в лог выведите

[Dmitry Pavlov]

в объекте response нет свойства data сейчас

[beduin01]

Так, точно нет там что-то вроде:
[Object, Object, Object]
0: Object
1: Array[51]
__proto__: Object

Вопрос -- как добраться до данных?

[Dmitry Pavlov]

это и есть данные - массив ваш из ключа (типа "1") и значения (тоже массив [6.1.1...])
что значит ваш вопрос - "как добраться до данных"?
что у вас за браузер? выведите вместо console.log(...) с помощью console.dir(...)

[beduin01]

Dmitry Pavlov: ну мне в переменную нужно это все получить как строку. Эти данные JSON, но пока хочу получить именно как строку.

[Dmitry Pavlov]

JSON.stringify(response)

[Dmitry Pavlov]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Dmitry Pavlov]

Cyber Katze: да лучше done использовать, но человек видимо учится пока. не до этого :)

[beduin01]

Dmitry Pavlov: о спасибо! помогло!

[beduin01]

Не подскажете, в 14 строке я правильно в переменную данные получаю? www.everfall.com/paste/id.php?dde3lg4egcbl

[beduin01]

Просто у меня почему-то
console.log($scope.stat_fromdb);
данные не выводит на консоль

[Dmitry Pavlov]

нет неправильно. асинхронно работает - данные есть вниутри function(data) {..} ваш return не возвращает их во внешнюю область - отвыкайте так мыслить в JS.

[beduin01]

Dmitry Pavlov: тааак, а как быть-то?

[Dmitry Pavlov]

как писал в ответе - предавайте callback (функцию обработчик) снаружи, если надо обработать рещультат по мере его готовности.

Answer 2

[moondogy]

$http.get('http://127.0.0.1:8080/stat').success(function(response) {
         $scope.stat_fromdb = response.data;
});

Comments

[beduin01]

Что я не так делаю? img.ctrlv.in/img/15/12/06/56640fa2b77c8.png

[moondogy]

console.log срабатывает до завершения асинхронного запроса.

[beduin01]

moondogy: а как мне это исправить? Мне просто нужно быть уверенным, что данные действительно будут в переменной. Или они будут там 100%?

[moondogy]

если в контроллере идет какая-то обработка $scope.stat_fromdb, она должна идти в колбеке после get запроса

[moondogy]

либо можно подписаться на изменение stat_fromdb, с помощью $scope.$watch()

[beduin01]

Если я дальше буду итерацию по ним делать, то могу я эту переменную $scope.stat_fromdb использовать?

[beduin01]

То есть вы предлагаете весь код класть в строку 4 www.everfall.com/paste/id.php?708iw5ab6mwo ?

[moondogy]

Итерацию можно делать после получения response, функция итерации должна быть вызвана в колбеке либо в watch-e

[beduin01]

Не могли бы показать пример www.everfall.com/paste/id.php?49v1nhohetly если можно в колбеке

[moondogy]

я бы предложил определить функцию processStat() , в котором будет вся логика, и которая будет иметь доступ к $scope. Соответственно после присвоения $scope.stat_fromdb, надо вызывать эту функцию, которая уже будет работать с $scope.stat_fromdb

[beduin01]

moondogy: я буду очень признателен если вы пример покажете...

[moondogy]

$scope.stat_fromdb = null; // console.log do not print data becouse asynchronous request

{code}$http.get('127.0.0.1:8080/stat').success(function(response) {
$scope.stat_fromdb = response.data;
processStat();
});

function processStat() {
angular.forEach($scope.stat_fromdb, function(value, key) {
console.log(key + ': ' + value);
});
}{code}

[beduin01]

moondogy: о, спасибо большое, только у меня на вашем коде почему-то вылезло:
XMLHttpRequest cannot load %3127.0.0.1:8080/stat. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

на моем этого не было. С чем может быть связано?

[beduin01]

moondogy: так дело было в том, что протокол обязательно указывать

[moondogy]

ну наверно потому что тостер обрезал http:// и превратил в ссылку 127.0.0.1:8080/stat

[beduin01]

Только вот на консоль у меня ничего не пишется по прежнему...

[beduin01]

img.ctrlv.in/img/15/12/06/5664152706117.png вот так все выглядит

[moondogy]

а в response.data что приходит?

[beduin01]

Если меняю success на then, то получается вот что img.ctrlv.in/img/15/12/06/566416e86f228.png
т.е. данные вроде бы призодят (в FireFox открыл ту страницу которую отдает сервер)