La fonction AJAX ne fonctionne pas avec l'objet différé

Question

Mon besoin est de retourner des données en utilisant la fonction "SetUnit()" mais cette fonction contient des services AJAX asynchrones, donc j'utilise Différé suggéré dans ce lien (http://jsfiddle.net/b69ubLa0/21/). mais cela ne fonctionne pas sur mes besoins.

code ......

Fonction

function SetUnit(query) { 
      var $q = new $.Deferred(); 
      var oData = []; 
      var filter = JSON.stringify({ 'param': query }); 
      $.ajax({ 
       type: "POST", 
       url: '../WebService.asmx/ExecuteReader', 
       contentType: "application/json; charset=utf-8", 
       data: filter, 
       dataType: "json", 
      }).fail(function (jqXHR, textStatus, errorThrown) { 
       $q.reject(jqXHR, textStatus, errorThrown); 
      }).done(function (data, textStatus, jqXHR) { 
       return $q.resolve(data); 
      }); 
      return $q.promise(); 
     } 

Appel Fonction 1

var oUNIT_NAME = SetUnit(query).done(function (data) { return data; }); 

Appel Fonction 2

var oUNIT_NAME = SetUnit(query); 

fonction d'appel utilisant 2 style.

Et cette variable "oUNIT_NAME" est utilisée pour lier de nombreuses listes déroulantes.

Services Retour JSON OBJET

[{id:1,name:a},{id:1,name:a},{id:1,name:a},{id:1,name:a}] 

Note: cela fonctionne si je suis ajouter (async: false) dans un cadre AJAX mais pas une bonne pratique et ce bloc mon interface utilisateur.

Answer 1

J'espère que cela aide. Je ne suis pas un pro sur les objets différés mais je crois que cela fait ce dont vous avez besoin.

mis à jour

Working Fiddle

var oUNIT_NAME = {}; 
function SetUnit(query) { 
    var $q = new $.Deferred() 
    $q.promise(oUNIT_NAME); 
    oUNIT_NAME.done(function(data) { 
     //Bind your dropdowns 
     alert(JSON.stringify(data)); 
    }).fail(function(jqXHR, textStatus, errorThrown) { 
     //Alert user 
     alert(errorThrown); 
    }); 
    var oData = []; 
    var filter = { 
     json: JSON.stringify({ 
      data: query 
     }) 
    }; 
    return $.ajax({ 
     cache: false, 
     type: "POST", 
     url: '/echo/json/', 
     data: filter, 
     dataType: "json" 
    }).fail(function(jqXHR, textStatus, errorThrown) { 
     $q.reject(jqXHR, textStatus, errorThrown); 
    }).done(function(data, textStatus, jqXHR) { 
     $q.resolve(data); 
    }); 
} 

SetUnit({ 
    param: 123 
}) 
$("button").click(function() { 
    SetUnit({ 
     param: 456 
    }) 
});