我完全理解你的困扰——不管输入什么电影名称，Typeahead都只弹出‘Kick Ass’，哪怕数据库里明明有匹配的影片（比如输入‘Blade’时应该显示‘Blade Runner’）。咱们从后端到前端逐一排查问题，给出针对性的解决方案：

一、后端Controller与JsonResult的常见问题及修正 #

1. 未正确接收前端查询参数 #

这是最常见的原因：你的Action方法没有获取到用户输入的查询关键词，导致每次都返回固定的‘Kick Ass’数据。

错误示例：

public JsonResult GetMovies()
{
    // 没有接收查询参数，直接返回固定数据
    var movies = new List<Movie> { new Movie { Name = "Kick Ass" } };
    return Json(movies, JsonRequestBehavior.AllowGet);
}

修正代码：

确保Action接收前端传递的query参数（Typeahead默认会发送这个参数），并根据关键词过滤数据库数据：

public JsonResult GetMovies(string query)
{
    // 从数据库中过滤包含查询关键词的电影
    var movies = db.Movies
                   .Where(m => m.Name.Contains(query))
                   .Select(m => new { Name = m.Name })
                   .ToList();
    
    return Json(movies, JsonRequestBehavior.AllowGet);
}

2. JSON返回格式不符合要求 #

确保返回的JSON是数组格式，并且字段名和前端配置的一致（比如前端用name，后端就别返回MovieName）。

二、前端View中Typeahead的配置修正 #

1. 正确配置Bloodhound数据源 #

Typeahead依赖Bloodhound引擎处理数据源，必须确保远程请求正确传递查询参数，并且解析返回的结果。

错误示例（未传递查询参数）：

var movies = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: '/Home/GetMovies' // 没有传递query参数
});

修正代码：

$(document).ready(function() {
    // 初始化Bloodhound引擎
    var movies = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        remote: {
            url: '/Home/GetMovies?query=%QUERY', // 传递查询参数
            wildcard: '%QUERY' // 标记替换位置
        }
    });

    // 初始化Typeahead
    $('#movie-search').typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    }, {
        name: 'movies',
        displayKey: 'name', // 对应后端返回的字段名
        source: movies
    });
});

2. 检查HTML元素配置 #

确保输入框的ID和JS中绑定的一致：

<input type="text" id="movie-search" placeholder="搜索电影..." />

三、额外排查要点 #

• 浏览器控制台检查：打开F12控制台，查看网络请求，确认GetMovies接口是否接收到了正确的query参数，返回的JSON是否包含匹配的电影数据。
• 数据库查询验证：直接在数据库中执行类似SELECT * FROM Movies WHERE Name LIKE '%Blade%'的语句，确认是否能返回‘Blade Runner’。
• 大小写敏感问题：如果数据库查询是大小写敏感的，可能需要用ToLower()统一大小写，比如m.Name.ToLower().Contains(query.ToLower())。

按照以上步骤调整后，Typeahead应该能根据输入的关键词正确显示匹配的电影结果了。

内容的提问来源于stack exchange，提问作者Uberprogrammer