为什么我不能在javascript中访问对象值

时间:2016-11-12 19:07:27

标签: javascript angularjs

我试图获取和分析数据,但我不知道如何等到上述每条指令都完成。

这是我的代码:

    function get_unicodes() {
        var deferred = $q.defer();

        var result = {'seen': [], 'all': []};

        var unicode_seen_raw = window.localStorage.getItem('LISTE_CARACTERES').split(" ");
        var unicode_all = window.localStorage.getItem('CAROBJECTIF').split(" ");

        for (value in unicode_seen_raw) {
            $http({
                method: 'post',
                url: DataService.URL,
                headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
                data: $httpParamSerializerJQLike({ no_requete: 16, sParam: value })
            }).then(function (res, data) {
                result['seen'].push(JSON.parse(res['data']['data'])[0]);
            });
        }
        for (value in unicode_all) {
            $http({
                method: 'post',
                url: DataService.URL,
                headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
                data: $httpParamSerializerJQLike({ no_requete: 16, sParam: value })
            }).then(function (res, data) {
                result['all'].push(JSON.parse(res['data']['data'])[0]);
            });
        }

        console.log(result);
        console.log(result['seen']);
        deferred.resolve(result);
        return deferred.promise;
    }

    function update_biblio() {
        get_unicodes().then(function (res) {
            // stuff I want to do with res but can't 
        }
    }

这是我得到的:

enter image description here

经过一些研究后,我发现在console.log()被称为result['seen']的时候,{i}未设置值。但我不知道如何解决这个问题。

我应该调用一个函数来等待我的http请求完成,还是他们更好的方法呢?

1 个答案:

答案 0 :(得分:2)

$http是异步的,因此您可以在任何请求完成之前立即解决承诺。

你可以使用$q.all()以及$http

返回的一系列承诺
 function get_unicodes() {
     // array to store all the request promises
     var promises = [];

     var result = {'seen': [],'all': []};

     var unicode_seen_raw = window.localStorage.getItem('LISTE_CARACTERES').split(" ");
     var unicode_all = window.localStorage.getItem('CAROBJECTIF').split(" ");

     for (value in unicode_seen_raw) {
       var req1 = $http(...).then(function(res, data) {
         result['seen'].push(JSON.parse(res['data']['data'])[0]);
       });
       // push this promise to promise array
       promises.push(req1);
     }
     for (value in unicode_all) {
       var req2 = $http(...).then(function(res, data) {
         result['all'].push(JSON.parse(res['data']['data'])[0]);
       });
       // push this promise to promise array
       promises.push(req2);
     }

     // return the `$q.all()` promise
     return $q.all(promises).then(function() {
       // fires after all promises in array are resolved
       console.log(result);
       console.log(result['seen']);
       // return result
       return result;
     }).catch(function() {
         // do something when not all requests succeed
     });
}