jQuery Generic Autocomplete Error 404

Question

I’m making a input with Autocomplete function only that when typing it returns in the console with error 404. Follow the code:

$(document).ready(function () {
    $("#ListaNCM").autocomplete({ source: "ListaAuto.ashx" });
});

And the Generic Handler:

public class ListaAuto : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {          
        string input = context.Request.QueryString["term"];
        ProjetoEntities db = new ProjetoEntities();
        var Lista = db.Item.Where(x => x.DESCRICAO.Contains(input)).ToList();
        context.Response.Write(new JavaScriptSerializer().Serialize(Lista));
    }
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

If anyone can help me where I’m going wrong I’d appreciate it.

Answer 1

Basically we’ll create a route for your IHttpHandler:

public class MeuRouteHandler : IRouteHandler //Carinha que vai "apontar" pra nossa rota
    {
        public IHttpHandler GetHttpHandler(RequestContext requestContext)
        {
            return new ListaAuto();
        }

        private class ListaAuto : IHttpHandler
        {
            public bool IsReusable { get { return false; } }

            public void ProcessRequest(HttpContext context)
            {
                 string input = context.Request.QueryString["term"];

                 ProjetoEntities db = new ProjetoEntities();

                 var Lista = db.Item.Where(x => x.DESCRICAO.Contains(input))
                                    .Select(x => new { //autocomplete trabalha com label e value 
                                        label = x.DESCRICAO,//Aparece pro usuário
                                        value = x.ID//Valor 
                                    })
                                    .ToList();

                 context.Response.Write(new JavaScriptSerializer().Serialize(Lista));
            }
        }
    }

In his Routes.cs let’s map this out:

public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.ashx/{*pathInfo}");

            //Bixisse pra deixar a rota bonitinha (Eu aprovo u.u)
            routes.Add(new Route("Ncm/Autocomplete/{term}", new MeuRouteHandler()));
            //Suas outras configurações ->...
        }
    }

Now his script looks something like this:

$(document).ready(function () {
    //Com nossa nova Rota
    $("#ListaNCM").autocomplete({ source: "Ncm/Autocomplete/{term}" });
});

Answer 2

 public class AutoCompletaNCM : IRouteHandler
{
    public IHttpHandler GetHttpHandler(RequestContext requestContext)
    {
        return new ListaAuto();
    }

    private class ListaAuto : IHttpHandler
    {
        public bool IsReusable { get { return false; } }

        public void ProcessRequest(HttpContext context)
        {
            string input = context.Request.QueryString["term"];

            ProjetoEntities db = new ProjetoEntities();

            var Lista = db.item.Where(x => x.DESCRICAO.Contains(input))
                               .Select(x => new
                               { //autocomplete trabalha com label e value 
                                   label = x.DESCRICAO,//Aparece pro usuário
                                   value = x.ID//Valor 
                               })
                               .ToList();

            context.Response.Write(new JavaScriptSerializer().Serialize(Lista));
        }
    }

}

Routeconfig:

 routes.Add(new Route("Ncm/Autocomplete/{term}", new AutoCompletaNCM()));

Jquery:

 $(document).ready(function () {
        //Com nossa nova Rota
        $("#ListaNCM").autocomplete({ source: "Ncm/Autocomplete" });
    });

So... keep giving Notfound, there’s something wrong?