選擇二下降到顯示預取的數據

Question

我有以下代碼：

<hr class="col-sm-10"/> 
<form class="col-sm-10 form-horizontal"> 
    <div class="form-group"> 
     <label for="test" class="control-label col-sm-2">Name</label> 
     <div class="col-sm-10"> 
      <select class="col-sm-10 form-control" id="tenantList"> 

      </select> 
     </div> 
    </div> 
</form> 

<script> 
    var tenants = []; 
     $.ajax({ 
       url: 'api/Tenant' 
      }) 
      .done(function (data) { 
       tenants = data; 
      }) 
      .fail(function() { 
       console.log("Problem :("); 
      }); 

    $('#tenantList').select2({ 
     placeholder: "Select a tenant", 
     allowClear: true, 
     data: tenants 
    }); 
</script> 

租戶變量沒有被設置爲返回的JSON陣列。數據來自服務器成功，仍然變量是空的。我究竟做錯了什麼？在Select2中做什麼是正確的方法？

Answer 1

移動選擇2指令中完成的AJAX

<hr class="col-sm-10"/> 
<form class="col-sm-10 form-horizontal"> 
    <div class="form-group"> 
     <label for="test" class="control-label col-sm-2">Name</label> 
     <div class="col-sm-10"> 
      <select class="col-sm-10 form-control" id="tenantList"> 

      </select> 
     </div> 
    </div> 
</form> 

<script> 
    var tenants = []; 
     $.ajax({ 
       url: 'api/Tenant' 
      }) 
      .done(function (data) { 
       tenants = data; 
       $('#tenantList').select2({ 
        placeholder: "Select a tenant", 
        allowClear: true, 
        data: tenants 
       }); 
      }) 
      .fail(function() { 
       console.log("Problem :("); 
      }); 


</script> 

Answer 2

你得到的數據後，你需要從阿賈克斯到「數據」分配你的返回數據，選擇2：

function callajax() { 
    $.ajax({ 
     url: 'api/Tenant' 
    }) 
    .done(function(data) { 
     $('#tenantList').select2({ 
     placeholder: "Select a tenant", 
     width: "200px", 
     allowClear: true, 
     data: data 
     }); 
    }) 
    .fail(function() { 
     console.log("Problem :("); 
    }); 
} 

callajax(); 

希望它有助於

https://jsfiddle.net/dalinhuang/3bmf11x7/