asp.net+ajax+sqlserver自动补全功能实现解析
介绍ASP.NET与AJAX结合SQLServer数据库的自动补全功能
在web开发中,数据库连接一直是核心部分。对于此篇文章,我们将深入如何将ASP.NET、AJAX与SQLServer数据库结合,实现自动补全功能。对于初学者或对此感兴趣的朋友,这是一个值得参考的教程。
数据库连接字符串通常存储在web.config文件中,便于管理和使用。我们采用官方的Northwind数据库作为示例,方便运行和测试。
参考一个html源码例子([
第一步,在项目中添加webservice文件。通过“添加新项”——选择“启用了AJAX的WCF服务”,将新文件命名为DBService.svc。
第二步,在DBService.svc中添加函数,此函数的返回值就是提示自动补全的数据。具体的代码实现如下:
```csharp
[OperationContract]
public string getSortList()
{
List
using (SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["zhui.pc"].ConnectionString))
{
conn.Open();
SqlCommand cmd = new SqlCommand("select [LastName] from [dbo].[Employees]", conn);
DataTable dt = new DataTable();
using (SqlDataAdapter da = new SqlDataAdapter(cmd))
{
da.Fill(dt);
}
foreach (DataRow row in dt.Rows)
{
sorts.Add(row[0].ToString());
}
conn.Close();
}
return string.Join(",", sorts.ToArray());
}
```
第三步,在default.aspx文件中添加js和css文件。包括jQuery库和aulete插件的相关文件。代码如下:
```html
```第四步,在default.aspx的head部分中的$().ready(function ()函数中调用webservice获取自动补全的数据,并将数据关联到输入框中。具体的代码实现如下:
```javascript
编程语言
- asp.net+ajax+sqlserver自动补全功能实现解析
- 关于Yii中模型场景的一些简单介绍
- 使用webpack4编译并压缩ES6代码的方法示例
- 浅谈Servlet转发到JSP页面的路径问题(必看)
- JavaScript设计模式经典之工厂模式
- Angularjs中的ui-bootstrap的使用教程
- php实现阿拉伯数字和罗马数字相互转换的方法
- javascript实现图像循环明暗变化的方法
- JS动态插入并立即执行回调函数的方法
- 微信小程序dom操作的替代思路实例分析
- Angular4学习之Angular CLI的安装与使用教程
- jsp页面中引用其他页面的简单方法
- Yii开启片段缓存的方法
- vue elementui el-form rules动态验证的实例代码详解
- JS实现DIV高度自适应窗口示例
- 老生常谈js动态添加事件--- 事件委托