MVC3で入力した職業をフィルタリングする方法

Question

私は2500の職業のリストを私たちのデータベースに保持しています。私たちのサイトでは、あなたの職業に入るように頼んでいます。私は彼らが入力するときに結果をフィルタリングしたいと思います。 Play.comの検索のように。 MVC3でこれを行う方法はありますか？

ありがとうございました。

Answer 1

これは、オートコンプリートのjavascriptを使用して行うことができます。例えば

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

あなたはjQueryのアヤックスを使用してデータをつかむことができます。あなたがこのリンク上のGETリクエストを実行した場合

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

：

Answer 2

私はJSONを返すアクションメソッドを作成しますか？/職業をsearchCriteria =カーペンターは、あなたが反応して、[「カーペンター」]を受け取ります。

私はこのアクションメソッドにjQuery ajax呼び出しを行います。成功すると、私は応答を受け取り、選択するli要素のリストなどの出力を生成します。これは、メモ帳からです

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

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

ので、いくつかのマイナーな構文エラーがあるかもしれません：要求を取得するAJAX JSONの

例は以下の通りです。