千家信息网

如何实现asp.net+ajax+sqlserver自动补全功能

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章给大家分享的是有关如何实现asp.net+ajax+sqlserver自动补全功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。说明:数据库连接字符串在web.co
千家信息网最后更新 2026年11月03日如何实现asp.net+ajax+sqlserver自动补全功能

这篇文章给大家分享的是有关如何实现asp.net+ajax+sqlserver自动补全功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。



说明:数据库连接字符串在web.config文件中,为方便运行使用的是官方的Northwind数据库。

参考(向其作者致敬):

http://www.loveweb8.com/plus/demo.php?aid=57这个例子是html源码。利用jquery.autocomplete插件利用js实现了自动补全功能。由于我的需要是结合sqlserver数据库表实现自动补全功能。就下来就是将数据库表转为js数组,自然而然就想到了ajax。

Asp.NetAjax的两种基本开发模式这篇文章中的第二部分就是说:js调用webservice的示例。

代码解析。

1.添加webservice文件。

添加新项--"启用了AJAX的WCF服务" 将新文件命名为DBService.svc.

2.在DBService.svc中添加函数,函数返回值就是 提示自动补全的数据。

代码如下:


[OperationContract]
public string getSortList()
{
List sorts = new List();
using (SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["zhui.pc"].ConnectionString))
{
cn.Open();
SqlCommand cmd = new SqlCommand("select [LastName] from [dbo].[Employees]", cn);
DataTable dt = new DataTable();
using (SqlDataAdapter da = new SqlDataAdapter(cmd))
{
da.Fill(dt);
}

foreach (DataRow row in dt.Rows)
{
sorts.Add(row[0].ToString());
}

cn.Close();
}
return string.Join(",", sorts.ToArray());
}


3.在default.aspx文件添加js、css文件:

代码如下:






4.在default.aspx的head部分中$().ready(function ())函数中调用webservice获取自动补全的数据,并将数据关联到输入框中。

代码如下:


感谢各位的阅读!关于"如何实现asp.net+ajax+sqlserver自动补全功能"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

数据 文件 功能 代码 数据库 函数 就是 篇文章 内容 更多 参考 不错 实用 自然而然 作者 例子 字符 字符串 官方 就是说 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 河南真二互联网科技有限公司 互联网最新的科技有限公司 关于新基建和互联网科技 上海互联网科技有限公司 易互联网科技有限公司 智网互联网科技 浩特互联网科技 电子科技大学互联网 互联网公司会议桌创意科技软装饰 隆华科技工业互联网 互联网对科技的发展 互联网科技公司有风险吗 互联网保险科技创业 四川慕妮娅互联网科技有限公司 朱啸虎曾投资哪些互联网科技企业 高科技互联网套路 锡山区互联网智能科技产品供应 广州富喜互联网络科技 抖集互联网科技技术咨询 米泉互联网科技专业怎么样 互联网科技公司华为 互联网科技上市公司 融贸通互联网科技 长亮科技 互联网金融 互联网系的金融科技公司 互联网金融科技公司干啥的 如何创新互联网科技 互联网金融科技元年 上海同邻互联网科技有限公司规模 中国互联网公司的科技投入
0