Javascript Asp.net和Sql Server Jquery自动完成数据绑定

如您所见，有一个选择框。我想通过asp网络从ms sql数据库中提取数据，但我不知道如何做。设计规范如下：

    <div class="form-group">
<label class="form-label">Basics</label> 
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-globe"></i> 
</span>
<input type="text" class="form-control" placeholder="Type for Suggestions" id="typeahead-1">
</div> 
</div>

---

您可以参考此链接

---

数据类型不是json。我使用普通的DataReader获取数据。为此，您可以将DataReader数据转换为Asp.Net代码中的json格式，也可以将数据转换为列表或数组。是否有与此主题相关的资源请参阅此链接..它可能会帮助您。。。

var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
];
$('#typeahead-1').typeahead({
hint: true,
highlight: true,
minLength: 1
}, {
name: 'states',
displayKey: 'value',
source: substringMatcher(states)
});

$('#typeahead-1').typeahead({
    source: function (request, response) {
        $.ajax({
            url: "/Home/Country/" + request,
            dataType: "json",
            type: "GET",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                var arrCountry = [];
                response($.map(data, function (item) {
                    arrCountry.push(item.CountryName);
                }))
                response(arrCountry);                      
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            }
        });
    },
    hint: true,             
    highlight: true,       
    minLength: 1            
});