<link href="/path/to/bootstrap.css" rel="stylesheet">
<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/bootstrap-typeahead.js" type="text/javascript"></script>

$(myElement).typeahead(options);

var mySource = [{ id: 1, name: 'Terry'}, { id: 2, name: 'Mark'}, { id: 3, name: 'Jacob'}];$('#myElement').typeahead({source: mySource
});

$('#myElement').typeahead({ajax: '/path/to/mySource'
});

$(function () {$('#product_search').typeahead({ajax: {url: '@Url.Action("AjaxService")',timeout: 300,                   // 延时method: 'post',triggerLength: 3,               // 输入几个字符之后，开始请求loadingClass: null,             // 加载数据时, 元素使用的样式类preDispatch: null,　　　　　　　　// 发出请求之前，调用的预处理方法preProcess: null　　　　　　　　　// Ajax 请求完成之后，调用的后处理方法},display: "name",     // 默认的对象属性名称为 name 属性val: "id",           // 默认的标识属性名称为 id 属性items: 8,            // 最多显示项目数量itemSelected: function (item, val, text) {      // 当选中一个项目的时候，回调函数
            console.info(item);}});
});

 $(function () {$('#product_search').typeahead({ajax: {url: '@Url.Action("AjaxService")',timeout: 300,                   // 延时method: 'post',triggerLength: 3,               // 输入几个字符之后，开始请求loadingClass: null,             //
                preDispatch: function (query) {var para = { other: 'xxxxxxxxx' };para.query = query;return para;},preProcess: function (result) {return result;}},display: "name",     // 默认的对象属性名称为 name 属性val: "id",           // 默认的标识属性名称为 id 属性items: 8,            // 最多显示项目数量itemSelected: function (item, val, text) {      // 当选中一个项目的时候，回调函数
                console.info(item);// console.info($("#product_search").val());
}});});