利用 ASP 和 AJAX 做类似于 Google 的搜索结果提示

主要要文件有:

Index.html 实现功能,一个文本框,输入内容并实现提示

search.asp 查询功能,让文本框输入的内容在数据库中查询,然后返回给客户端

conn.asp 数据库连接功能,实现与数据库相连

xmlhttp.js AJAX 核心部分,用来把客户端的数据传给服务端,再把服务端的数据返还给客户端.

style.css 样式文件,主要是对google提示框查询到的内容进行样式化处理

先看第一个文件style.css

[code=css]

@charset "utf-8";

/* CSS Document */

body

{

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

}

#search_suggest

{

position:absolute;

background:#FFFFFF;

text-align:left;

border:1px #000000 solid;

}

.suggest_link_over

{

background-color:#e8f2fe;

padding:2px 6px;

}

.suggest_link

{

padding:2px 6px;

background-color:#FFFFFF;

}

.none

{

display:none;

}

[/code]

第二个文件: xmlhttp.js

[code=jscript]

// JavaScript Documentrt

var xmlHttp = createXmlHttpRequest();

function createXmlHttpRequest()

{

var xmlhttp = null;

try

{

xmlhttp = XMLHttpRequest();

}

catch(e1)

{

try

{

xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");

}

catch(e2)

{

try

{

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch(e3)

{

xmlhttp = false;

alert("创建失败!");

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!