我有一个文本框， 在里面我希望它自动完成。 自动完成的数据将通过数据库提供。
这是我的 Jquery：
var data = "autocompletetagdata.aspx"
$("#item").autocomplete({
source: data
});
protected void Page_Load(object sender, EventArgs e) {
return "['word', 'hello', 'work', 'oi', 'hey']";
}
【问题讨论】：
标签： jquery asp.net autocomplete
试试这个：
$("#item").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
url: "autocompletetagdata.aspx/Search",
data: { "search": request.term },
contentType: "application/json; charset=utf-8",
success: function (results) {
var data = $.parseJSON(results);
response($.map(data, function (item) {
return { value: item }
}))
}
});
}
});
在您的代码中，将其设为网络方法：
[WebMethod]
public static void Search(string search)
{
string[] list = new [] { "word", "hello", "work", "oi", "hey" };
return list.Where(x => x.StartsWith(search));
}
【讨论】：
[WebMethod] 属性将负责正确的 JSON 序列化。
我认为你必须返回 json 格式的数据而不是逗号分隔的字符串。看看demos page，上面写着：
数据源是一个返回 JSON 数据的服务器端脚本， 通过源选项的简单 URL 指定。
【讨论】：
根据：http://www.srikanthtechnologies.com/blog/dotnet/jqueryautocomplete.aspx 尝试返回一个字符串列表。
[WebMethod]
public static List<string> PopSearch()
{
return new List<string> { "oi", "oi", "hey"};
}
【讨论】：
jQuery 自动完成需要 json 作为结果，所以这将起作用
return "['word', 'hello', 'work', 'oi', 'hey']";
对于更复杂的数据，请考虑使用JavaScriptSerializer
【讨论】：
由于似乎没有什么对您有用，请确保您已掌握基本知识：
【讨论】：
使用数据自动完成并不是那么难。首先，您需要确定您的返回类型。最简单的往往是 json 格式，所以：
PHP 控制器结束
// be sure to use echo, not return
echo json_encode($yourDataAsArrayOrObject);
完成该部分后，返回您的 javascript
$("#item").autocomplete({
// source should be a url to the controller function that returns the data
source: 'www.yoursite.com/controller/function',
search: function(e, ui) {}, // here you can manipulate other elements or items while the data is being retrieved,
select: function(e, ui) { /* ui.item is item slected */ } // here you can manipluate things based on the item that was selected, for instance, save a list of sub data to another dom element
});
最后，警告
// You will need to use ._renderItem to items as they are received by database.
// For instance, if you want to display the dropdown items in a custom way.
$("#item")._renderItem = function(ul, item) {
// the item. depends on the information you got from server
return ul.append($("<li></li>").prepend($("<h3></h3>").text(item.label)).append($("<p></p>").text(item.value)));
};
【讨论】：
在示例中，返回的数据用单引号 (['word', 'hello', 'work', 'oi', 'hey']) 分隔，这不会产生有效的 JSON。
只需用双引号替换单引号即可。示例：“单词”变成“单词”。根据您在服务器端构建字符串的方式，您可能需要转义双引号，例如 "[""word"",""hello"" 等
protected void Page_Load(object sender, EventArgs e) {
return "[""word"", ""hello"", ""work"", ""oi"", ""hey""]";
}
祝你好运。
【讨论】：
@Troy Barlow，你的意思显然是
[WebMethod]
public static string[] Search(string search)
{
string[] list = new[] { "word", "hello", "work", "oi", "hey" };
return list.Where(x => x.StartsWith(search)).ToArray();
}
【讨论】：
protected void Page_Load(object sender, EventArgs e)
{
string term = Request.QueryString["term"];
SqlConnection myConnection = new SqlConnection(connStr);
myConnection.Open();
string result = "[";
int i = 0;
string SQL = ("select LTRIM(RTRIM(PGPRDC)) As PGPRDC FROM SROPRG SROPRG where PGPRDC like '" + term + "%'");
SqlCommand myCommand = new SqlCommand(SQL, myConnection);
StringBuilder sb = new StringBuilder();
try
{
SqlDataReader reader = myCommand.ExecuteReader();
if (reader.HasRows)
{
while (reader.Read())
{
result += "";
result += "\"" + reader.GetString(0) + "\"";
result += ",";
i += 1;
sb.Append(reader.GetString(0))
.Append(Environment.NewLine);
}
}
reader.Close();
}
catch (Exception ex)
{
myConnection.Close();
}
result = result.Substring(0, result.Length - 1);
myConnection.Close();
result += "]";
Response.Write(result);
}
【讨论】：
reader.GetString(0) 的内容可能会破坏您的输出的多种方式。