Asp.net MVC 3+ Jquery UI Autocomple

常见的示例很多，本文只是我的工作记录。

前台页面：

@{
    ViewBag.Title = "首页";
}
@section Header
{
    <script type="text/javascript">
        $(document).ready(function () {
            $("#keyword").autocomplete({
                source:function (request, response) {
                    $.ajax({
                        url: "@Url.Action("Search", "Home")",  //要查询的Action
                        type: "POST",  //Post提交
                        dataType: "json", //json格式数据，默认是text
                        data: { keyword:request.term}, //参数，不知道为什么？请指点

                      //data: {keyword:$("#keyword").val()},同样可以
                        success: function (data) {
                            response($.map(data, function (item) {
                                return { label: item.text, value: item.value}; //将返回的jsonresult的属性赋值给autocomplete item
                            }));
                        }
                    });
                },
                focus: function(event, ui) {
                 $('#keyword').val(ui.item.label); //选中item的文本

                 return false;
                },
                select: function(event, ui) {
                     $('#keyword').val(ui.item.label);  //选中item的文本

                     $('#txtSelectValue').val(ui.item.value); //选中item的值
                 &