people is an array of three objects. You'll need to loop through each to grab the names. You can use array.map() to convert an array of people to an array of names:

const names = data.people.map(p => p.name) // Neil..., Buzz..., Sally...

Hi @Jose Daniel Navarro Brito ,

Looking at your jQuery autocomplete issue, I can see the problem clearly. You're getting double-encoded JSON because you're treating JSON as a string when it should be handled as an object.

Here's what's happening and how to fix it:

Your API returns proper JSON, but you're converting it to a string with ReadAsStringAsync(), then trying to return that string as JSON again. This creates the double-encoding you're seeing.

You need to deserialize the JSON string back into an object, then return that object as JSON:

[HttpGet]
public async Task AutoComplete(string search)
{
    var httpClient = _httpClientFactory.CreateClient("HousingWebAPI");
    using (var response = await httpClient.GetAsync("AsyncAutocompleteErf/" + search))
    {
        if (response.IsSuccessStatusCode)
        {
            var jsonString = await response.Content.ReadAsStringAsync();
            var data = JsonConvert.DeserializeObject>(jsonString);
            return Json(data);
        }
    }
    return Json(new List()); // Return empty array instead of null
}

Why this works:

• Your external API returns valid JSON
• You deserialize it into C# objects
• You return those objects as JSON using Json()
• jQuery receives proper JSON objects, not encoded strings

Regarding GET vs POST:

GET is perfectly fine for autocomplete. You're just retrieving data based on a search term, which is exactly what GET is designed for. POST would be overkill here.

Hope this helps!