ASP+AJAX做類似google的搜索提示_ASP教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:如何用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
相關ASP教程:
- 相關鏈接:
- 教程說明:
ASP教程-ASP+AJAX做類似google的搜索提示。