Autocomplete not working - Asp . net MVC

Question

Good morning guys, I’m having trouble implementing a field with autocomplete in an Asp . Net MVC application. The problem is this, using an Ajax I can go to my controller and search for results of the query, however, in the return where to display the result it always falls in the "error" field, showing Json in an "Alert" as I will show below:

$(document).ready(function () {
    $('#Cd_Cod_Produto').keypress(function () {
        $('#Cd_Cod_Produto').autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/Estoque/GetAutoComplete",
                    type: "POST",
                    dataType: "application/json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.Name,
                                value: item.Value                                  
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }                   
                });
            }
        });

    });

});

As you can see, if an error occurs, an Alert is displayed with the search result, and always falls into this Alert. My Controller is like this:

 public ActionResult GetAutoComplete(string term)
    {
        EstoqueDAO dao = new EstoqueDAO();

        List<Autocomplete> lista = dao.BuscaResultados(term);

        dao.Dispose();

        string json = JsonConvert.SerializeObject(lista);

        return Json(json, JsonRequestBehavior.AllowGet);
    }

and this is the model I’m using only for testing:

 public class Autocomplete
{
    public string Name { get; set; }
    public string Value { get; set; }

}

The database search is returning values correctly, I believe that is not the problem.

As you can see in the image is what happens with the return of the function. Does anyone have any hint or hint of where I’m going wrong? Thanks for your help.

Sincerely yours,

Updating:

I changed the script to this shape:

$(document).ready(function () {
    $('#Cd_Cod_Produto').keypress(function () {
        $('#Cd_Cod_Produto').autocomplete({
            source: function () {
                $.get(url, { term: $('#Cd_Cod_Produto').val() }, function (data) {
                    $.map(data, function (item) {
                        return {
                            label: item.Name,
                            val: item.Value

                            //console.log(item.Name);

                        }                              
                    });

                });
            }
        });

    });
});

This way it looks for the results in the controller, but has not yet shown anything in the autocomplete. If you remove the comments from the "/console.log(item.Name)" line it normally displays the results on the console.

Answer 1

change that part:

 function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.Label,
                                value: item.Value                                  
                            }
                        }))

for:

function (data) {
 $.map(data, function (item) {
  return {
       label: item['Name'],
       value: item['Value']   
      //ou
      //label: item.Name,
      //value: item.Value                                 
   }
   }

Functional example:

var lis = [{'Name': '1', 'Value': 'A'}, {'Name': '2', 'Value': 'B'}, {'Name': '3', 'Value': 'C'}, {'Name': '4', 'Value': 'D'}];


var x = $.map(lis, function(item){
     return {
       label: item.Name,
      value: item.Value                              
   }
});

console.log(x);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>