栏目导航
热点推荐
- ASP下批量删除数据的两种方法
- 关于二级域名共享cookies
- ASP错误代码大全
- ASP代码实现show.asp?id=26变成s
- ASP错误信息解决:IIS启用父路径
- 一些常用的正则表达式大全
- ASP超级链接和HTML函数正则表达
- ASP隐藏下载地址及防盗代码
- 最常用的正则表达式示例
- ASP程序数据库被挂马的处理方法
- ASP生成html的新方法
- 精通ASP错误提示大全
阅览排行
ASP+AJAX 实现类似于google搜索提示
www.jz123.cn 2009-10-18 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
利用AJAX 实现 google提示
主要要文件有:
Index.html 实现功能,一个文本框,输入内容并实现提示
search.asp 查询功能,让文本框输入的内容在数据库中查询,然后返回给客户端
conn.asp 数据库连接功能,实现与数据库相连
xmlhttp.js AJAX 核心部分,用来把客户端的数据传给服务端,再把服务端的数据返还
先看第一个文件style.css
@charset "utf-8"; /* CSS Document */ body #search_suggest .suggest_link_over .suggest_link .none |
第二个文件: xmlhttp.js
// JavaScript Documentrt var xmlHttp = createXmlHttpRequest(); function createXmlHttpRequest() return xmlhttp; function change_key() xmlHttp.open("get","search.asp?key=" + str ,true); function handSearchRequest() for (var i=0; i<str.length; i++) function setSearch(div_value) function suggestOut(div_value) |
第三个文件:conn.asp
<% set conn = Server.CreateObject("Adodb.Connection") connStr = "Provider=SQLOLEDB;Server=.SQLEXPRESS;UID=sa;PWD=sa;Initial catalog=test;" conn.ConnectionString = connStr conn.open %> |
第四个文件:search.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!-- #include file="conn.asp" --> <% key = request.QueryString("key") if (key <> "") then key = replace(key,"","") key = replace(key,"'","") key = replace(key,"or","") sel_sql = "select [key] from [key] where [key] like '" & key & "%'" dim keyword keyword = "" set rs = conn.execute (sel_sql) do while not rs.eof keyword = keyword & rs(0) & "|" rs.movenext loop response.Write(keyword) end if %> |
最后一个结果文件:index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>google提示 http://jz123.cn </title> <script src="xmlhttp.js" ></script> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> |
至此全部功能已经完成.
上一篇:ASP心得:IIS问题 Request.Form取不到值 下一篇:ASP 0177:800401f3 错误解决