如何在您輸入MVC3時過濾職業

Question

我有一個列在我們的db中的2500職業。在我們的網站上，我們要求您輸入您的職業，我希望它在輸入時過濾結果;就像Play.com的搜索一樣。有沒有辦法在MVC3中做到這一點？

感謝任何幫助。

Answer 1

您可以使用自動填充JavaScript來做到這一點。

例如： http://www.pnpguidance.net/post/jQueryAutoCompleteASPNETMVCFramework.aspx

你可以抓住使用jQuery的Ajax數據。

Answer 2

我會創建的操作方法將返回JSON：如果您運行此鏈路上的GET請求

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

：？/職業searchCriteria =木匠，你會在響應收到[「匠」] 。

我會做一個jQuery ajax調用這個動作方法。成功時，我會採取反應並生成一個輸出，例如li元素列表以供選擇。一個Ajax JSON GET請求

示例如下：

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

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

這是一個記事本，所以可能會有一些小的語法錯誤。