ASP+AJAX做類似google的搜索提示_ASP教程

2024-05-04 11:04:19

字體：大中小

來源：轉載

供稿：網友

推薦：如何用Asp取得數據庫中所有表名和字段名
% set rs=server.CreateObject(adodb.recordset) db= db.mdb '只要直接更改數據庫名稱就能夠看到效果了。 set conn=server.CreateObject(adodb.connection) connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data Source= Server.MapPath(db) conn.open c

主要要文件有:
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("創建失敗!");
}
}
}

分享：Asp讀取文本文件并顯示
html head http-equiv=Content-Type content=text/html; charset=gb2312 title/title /head body % LANGUAGE = VBScript % % Const ForReading = 1, ForWriting = 2, ForAppending = 8 Const TristateUseDefault = -2, TristateTrue = -1, TristateFalse