Cómo filtrar la ocupación mientras escribe en MVC3

Question

Tengo una lista de 2500 ocupaciones ocupadas en nuestra base de datos. En nuestro sitio le pedimos que ingrese su ocupación y me gustaría que filtre los resultados mientras escriben; como la búsqueda de Play.com. ¿Hay alguna manera de hacer esto en MVC3?

Agradecer cualquier ayuda.

Answer 1

Puede hacerlo utilizando un javascript de autocompletar.

Por ejemplo: http://www.pnpguidance.net/post/jQueryAutoCompleteASPNETMVCFramework.aspx

Puede obtener sus datos utilizando jQuery Ajax.

Answer 2

me gustaría crear un método de acción que devolvería JSON:

 [HttpGet()] 
     public JsonResult Occupations(String searchCriteria) 
     { 
      String[] occupations = new String[] { "Lawyer", "Carpenter" }; 
      return Json(occupations.Where(s => s.Contains(searchCriteria)) 
            .ToList(), JsonRequestBehavior.AllowGet); 
     } 

Si ejecuta una petición GET en este enlace:?/Ocupaciones searchCriteria = carpintero recibirás [ "carpintero"] en una respuesta .

Haría una llamada jQuery ajax a este método de acción. En caso de éxito, tomaría una respuesta y generaría un resultado como una lista de elementos li para seleccionar.

Ejemplo de JSON ajax solicitud get es el siguiente:

$.ajax({ 
      type: 'json', 
      url: '/Occupations', 
      type: 'GET', 
      cache: false, 
      data: { searchCriteria: searchCriteria}, 
      error: function() { 

      }, 
      success: function (result) {    
       alert(result); 
      } 
     }); 

Se trata de un bloc de notas, por lo que podría haber algunos errores sintácticos mínimos.