Array zu anderen Array, die automatische Vervollständigung

Question

Wie verwalte ich auf diese Funktion gut dieses Array sein:

window.onload = function(){ 
    var availableTags=getAllUserIdName(); 
    $("#members").autocomplete({ 
     source: availableTags 
    }); 
}; 

function getAllUserIdName(){ 
    $.get('{{url('/')}}/ajax-all-user-id-name',function(data){ 
     return data; 
    }); 
} 

ich diese Antwort bekam zurück:

[{"name":"asd"},{"name":"qwqe"},{"name":"gipsz jakab"}] 

Thx!

Answer 1

var testData = [ 
 
    {"name":"asd"},{"name":"qwqe"},{"name":"gipsz jakab"} 
 
]; 
 

 
getAllUserIdName(function(tags){ 
 
    $("#members").autocomplete({ source: tags }); 
 
}); 
 
    
 
function getAllUserIdName(callback){ 
 
    // simulate asynchronous request for data: 
 
    setTimeout(function(){ 
 
     var data = testData; 
 
     var tags = data.map(function(item){ return item.name; }); 
 
     callback(tags); 
 
    }, 300); 
 
     
 
    /*$.get('{{url('/')}}/ajax-all-user-id-name',function(data){ 
 
     var tags = data.map(function(item) { return item.name; }); 
 
     callback(tags); 
 
    });*/ 
 
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
    <label for="members">Members: </label> 
 
    <input id="members">