JSONでオートコンプリートASP.NET MVC

Question

私のページのオートコンプリート機能を作成しようとしています。 私はテキストボックスを持っており、私のデータベースから提案をしたいと思います。

私は私のコントローラでこの化するJsonResultを持っている：

public JsonResult ItemAutocomplete(string term) 
{ 
    var result = _db.SelectTable("SELECT [i].[Name] from [dbo].[Item][i] WHERE [i].[Name] LIKE @0", SqlDb.Params(term +"%")); 
    return Json(result, JsonRequestBehavior.AllowGet); 
} 

と私の見解で：

@Scripts.Render("~/bundles/jqueryui") 
<h2>jQuery AutoComplete</h2> 
<script> 
     $(function() { 
      $('#tags').autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: '@Url.Action("ItemAutocomplete")', 
         extraParams: { term: $('#tags').val(), 
         dataType: "json", 
         contentType: 'application/json, charset=utf-8', 
         data: { 
          term: $("#tags").val() 
         }, 
         success: function (data) { 

          response($.map(data, function (item) { 
           return { 
            label: item 
           }; 
          })); 
         }, 
         error: function (xhr, status, error) { 
          alert(error); 
         } 
        }); 
       }, 
       minLength: 2 
      }); 
     }); 

</script> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags" /> 
</div> 

問題は、私が呼ぶ場合でも...私のItemAutocomplete化するJsonResultは常にヌルのparamを受信することですlocalhost/Appointment/ItemAutocomplete/item1のようにlocalhostから直接取得します。

Answer 1

使用

data: { term: request.term } 

の代わりに、オートコンプリートテキストボックスに

data: { term: $('#tags').val() } 

以下（request.term）、検索文字列 "request.term" によって検出。