using autocomplete in mvc application

Mouhssine tahri

5y788.NET

I want to use autocomplete input in my application WEB:

in my view I use this code :

my code javascript:

the controller nammed ServiceController

my data

when I execute my application

I fill in input text : Dir

comman console.log(item); give me

{label: "Direction v", val: 1}

{label: "Direction A", val: 2}

that good

but this result don't appear in my view

thanks for help

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ashwin Chauhan5y ago
Accepted answer
response($.map(data.slice(0, 10), function (item) {
return {
label: item.label ,
val: item.val
};
}))
Mouhssine tahri5y ago
Hi
in my example i cant select my result
Mouhssine tahri5y ago
thanks for help
the result is good
but css style is not good can you help me
Sachin Singh5y ago
Just change your ajax as below and everything will work
$("#txtCustomer").autocomplete({
source: function (request, response) {
$.ajax({
url: '/Service/AutoComplete/',
data: { "prefix": request.term },
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data, function (item) {
                           return { label: item.label, value: item.val};
                        }))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},