jQuery 약속을 사용하여 데이터베이스에서 값 가져 오기

Question

jQuery 약속을 사용하여 웹 SQL 데이터베이스 테이블에서 데이터 세트를 반환하고 $.when을 사용하면 데이터 세트를 반환하고이 링크에 따라 $.when 안에 사용할 수 있습니다.

Return multiple rows as an array from a WebSQL databse using javaScript

하지만 어떻게 데이터가 외부 $.when 설정하는 것이 사용할 수 있습니까?

var contact = getContacts(); 
$.when(contact).done(function(cont) { 
    for(var i = 0; i < cont.length; i++){ 
     // can use the 'cont' variable to access data in the table 
     // inside this '$.when', but can't use it outside this $.when block 
    } 
}); 

가 어떻게 이것을 달성 할 수

다음

function getContacts(){ 
    var defer = $.Deferred();  
    db.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM contacts', [], function(tx, results) { 
      defer.resolve(results.rows); 
     },function(tx, err){ 
      alert("An internal error occurred. " + err.message); 
     }); 
    }); 
    return defer.promise(); 
} 

는 반환 및 $.when 내부에 그 값을 사용하는 소스입니다 : 여기

쿼리에 대한 소스입니까?

Answer 1

결과 만 수정해야 데이터가 반환됩니다.

function getContacts(){ 
    var defer = $.Deferred();  
    db.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM contacts', [], function(tx, results) { 
      var data = []; 
      if (results.rows.length > 0) { 
       for (var i = 0; i < results.rows.length; i++) { 
        data.push(results.rows.item(i)); 
       } 
      } 
      defer.resolve(data); 
     },function(tx, err){ 
      alert("An internal error occurred. " + err.message); 
     }); 
    }); 
    return defer.promise(); 
} 

데이터에 액세스하려면이 방법을 사용하십시오.

var fetchContacts = getContacts(); 
var contacts = []; 
$.when(fetchContacts).then(function (cont) { 
    contacts = cont; 
}).done(function() { 
    // contacts is now not empty 
}); 

내 샘플 http://jsfiddle.net/xalvin11/6htanxhs/