您的位置：首页 > 编程语言 > ASP

asp.net手写AJAX实现类似Google的搜索提示

2010-08-31 19:27 375 查看

原文：http://www.cnblogs.com/Ferry/archive/2008/12/24/1361505.html

功能就不用多说了，到http://www.google.cn/去试一下就知道了。本例是参考了《征服AJAX》一书中的范例。
实现该功能也是用到两个页面，一个请求显示（这次使用的静态页面），一个用于获取关键字到数据表中模糊查询并获取满足条件的数据输出。这里的搜索提示实际上是用div来实现的，C#代码很简单，关键是看明白JavaScript。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <title>无标题页</title>
5
6
106</head>
130<body>
131 <div style="width: 500px;">
132 <form id="frm" action="">
133 <input type="text" name="txtSearch" id="txtSearch" onkeyup="searchSuggest();" autocomplete="off" />
134 <input type="submit" name="btnSearch" id="btnSearch" value="搜索" />
135 <br><div id="search_suggest" style="display:none">
136 </div>
137 Welcome to ajax!
138 </form>
139 </div>
140</body>
141</html>
142

Server.aspx:就是留第一行，把其它删除。

using System;
2using System.Collections;
3using System.Configuration;
4using System.Data;
5using System.Linq;
6using System.Web;
7using System.Web.Security;
8using System.Web.UI;
9using System.Web.UI.HtmlControls;
10using System.Web.UI.WebControls;
11using System.Web.UI.WebControls.WebParts;
12using System.Xml.Linq;
13using System.Data.SqlClient;
14
15namespace ajaxPractice
16{
17{
19{
21{
23{
25#region
26{
30{
42{
44 returnText += dt.Rows[i][0].ToString() + "\n";
45 }
46 }
47
48 Response.Write(returnText);
49 #endregion
50 }
51 }
52 }
53 }
54}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航