Javascript - 异步函数完成后下一行如何执行?

时间:2014-12-06 03:30:58

标签: javascript jquery asynchronous

我使用Phonegap插件中的FileTransfer.download功能在我的应用移动设备中下载文件。

这个函数是assyncronus,因此执行下一行而不依赖于此函数的结论。

我的应用程序应用程序在登录过程中从服务器捕获用户照片,因此在此操作结束后用户无法移动到主屏幕。但是根据我的实际代码,它并没有发生,因为我不知道该怎么做。

您可以在下面查看我的代码:

var usuarios = json.usuarios;

var fileTransfer = new FileTransfer();

for(var key in usuarios) {
    if(usuarios.hasOwnProperty(key)){
        if(usuarios[key].tipo == "titular"){

            var titular = {
                "id"                : usuarios[key].id,
                "email"             : $("#login-email").val(),
                "foto"              : "images/perfil.jpg"
            };

            localStorage.setItem('appnowa-titular', JSON.stringify(titular));

            if(usuarios[key].foto == "1"){

                window.fileDownloadName = "appnowa-perfil-" + usuarios[key].id + ".jpg";

                console.log('downloadFile');

                window.requestFileSystem(
                    LocalFileSystem.PERSISTENT,
                    0,
                    function(fileSystem){
                        console.log('onRequestFileSystemSuccess');
                        fileSystem.root.getFile(
                            'dummy.html',
                            {create: true, exclusive: false},
                            function(fileEntry){
                                console.log('onGetFileSuccess!');
                                var path = fileEntry.toURL().replace('dummy.html', '');
                                var fileTransfer = new FileTransfer();
                                fileEntry.remove();

                                fileTransfer.download(
                                    'https://www.myserver.com/imagens/clientes/' + window.fileDownloadName,
                                    path + window.fileDownloadName,
                                    function(file) {
                                        console.log('download complete: ' + file.toURL());me;
                                        titular.foto = file.toURL();
                                    },
                                    function(error) {
                                        console.log('download error source ' + error.source);
                                        console.log('download error target ' + error.target);
                                        console.log('upload error code: ' + error.code);
                                        titular.foto = "images/perfil.jpg";
                                    }
                                );  
                            },
                            fail
                        );
                    },
                    fail
                );

                console.log("1 " + titular.foto);
            }
        }
    }
}

localStorage.setItem('appnowa-dependentes', JSON.stringify(dependentes));

appNowa.pushPage('mainPage.html'); //go to next page

1 个答案:

答案 0 :(得分:1)

我认为你可以通过两种方式实现它,

链接回调或在所有回调中使用状态测试;

我会编写伪代码,我认为这可能是一个有效的解决方案(未经测试,无法保证)

afterCharge=function(){
  doYourStuffHere;
}

//method 1 in your callback
var complete=0
len = usuarios.lenght;
for(var key in usuarios){
  //do yourstuff
  fileTransfer.download(
      file,
      path,
      function(file){
        //do your stuff
        complete++;
        if(len===complete){
          afterCharge();
        }
      },
      function(error){
        //do your stuff
        complete++;
        if(len===complete){
          afterCharge();
        }
      }
  );
}