ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)怎么用

這篇文章將為大家詳細(xì)講解有關(guān)ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)怎么用，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司是專業(yè)的泰州網(wǎng)站建設(shè)公司，泰州接單;提供做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行泰州網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

AJAX+ASP基礎(chǔ)應(yīng)用，我們將分三步講解，如下。
1. 前臺(tái)AJAX代碼（javascript）的創(chuàng)建。
2. 后臺(tái)服務(wù)端ASP AJAX代碼的編寫(xiě)。
3. ASP+AJAX+數(shù)據(jù)庫(kù)的實(shí)例演示及講解。

第一步：前臺(tái)AJAX代碼（javascript）的創(chuàng)建。
我們先創(chuàng)建一個(gè)index.html前臺(tái)文件，內(nèi)容代碼如下：

復(fù)制代碼代碼如下:

<html>
<head>
<title>AJAX教程實(shí)例-AJAX教程實(shí)例-ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)應(yīng)用-創(chuàng)新互聯(lián)原創(chuàng)ajax實(shí)例教程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<script> var xmlHttp

function showCustomer(str)
{
var url="getcustomer.asp?sid=" + Math.random() + "&q=" + str
xmlHttp=GetXmlHttpObject(stateChanged)
xmlHttp.open("GET", url , true)
xmlHttp.send(null)
}

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}

function GetXmlHttpObject(handler)
{
var objXmlHttp=null

if (navigator.userAgent.indexOf("Opera")>=0)
{
alert("This example doesn't work in Opera")
return;
}
if (navigator.userAgent.indexOf("MSIE")>=0)
{
var strName="Msxml2.XMLHTTP"

if (navigator.appVersion.indexOf("MSIE 5.5")>=0)
{
strName="Microsoft.XMLHTTP"
}
try
{
objXmlHttp=new ActiveXObject(strName)
objXmlHttp.onreadystatechange=handler
return objXmlHttp
}
catch(e)
{
alert("Error. Scripting for ActiveX might be disabled")
return
}
}
if (navigator.userAgent.indexOf("Mozilla")>=0)
{
objXmlHttp=new XMLHttpRequest()
objXmlHttp.onload=handler
objXmlHttp.onerror=handler
return objXmlHttp
}
}
</script>
<form>請(qǐng)選擇用戶:
<select name="customers" onchange="showCustomer(this.value)">
<option value="1">創(chuàng)新互聯(lián).by.alixixi.com</option>
<option value="2">哇塞網(wǎng)</option>
<option value="3">收音機(jī)</option>
</select>
</form><p>
<div id="txtHint"><b>網(wǎng)站信息...</b></div>
</p></body>
</html>

ajax代碼講解：
關(guān)鍵代碼為JS部分，其原理就是創(chuàng)建一個(gè)客戶的Microsoft.XMLHTTP對(duì)象，來(lái)完成前臺(tái)數(shù)據(jù)與服務(wù)端ASP的交互。
然后要注意的就是<select name="customers" onchange="showCustomer(this.value)">
這一行代碼，原理就是通過(guò)showCustomer(this.value)觸發(fā)AJAX的前臺(tái)腳本對(duì)象，將用戶在下拉列表選擇的結(jié)果數(shù)據(jù)通過(guò)Microsoft.XMLHTTP發(fā)送到服務(wù)端處理，再返回到前臺(tái)ID為txtHint的<div id="txtHint"><b>用戶信息...</b></div>層標(biāo)簽顯示出來(lái)。

第二步：后臺(tái)服務(wù)端ASP AJAX代碼的編寫(xiě)。
創(chuàng)建完剛才的index.html，我們接著再創(chuàng)建一個(gè)getcustomer.asp文件，請(qǐng)確認(rèn)你的ASP環(huán)境一切OK：）
getcustomer.asp的代碼如下：

復(fù)制代碼代碼如下:

<%
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & request.querystring("q")
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("ajaxjiaocheng.mdb"))
set rs = Server.CreateObject("ADODB.recordset")
rs.Open sql, conn
Response.CharSet = "GB2312"
if not rs.EOF then
response.write "<li>編號(hào)："&rs(0)&"</li>"
response.write "<li>名稱："&rs(1)&"</li>"
response.write "<li>點(diǎn)擊："&rs(2)&"</li>"
response.write "<li>介紹："&rs(3)&"</li>"
end if
rs.close
set rs = nothing
conn.close
set conn = nothing
%>

ajax代碼講解：
如果有asp基礎(chǔ)的朋友一看就能明白，連接數(shù)據(jù)庫(kù)代碼及跟據(jù)前臺(tái)發(fā)送過(guò)來(lái)的q參數(shù)查詢相應(yīng)的數(shù)據(jù)庫(kù)結(jié)果：

復(fù)制代碼代碼如下:

sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & request.querystring("q")
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("ajaxjiaocheng.mdb"))
set rs = Server.CreateObject("ADODB.recordset")
rs.Open sql, conn

接著要注意的就是這行代碼：
Response.CharSet = "GB2312" ‘這句很關(guān)鍵，解決ajax中文亂碼
很多人在使用AJAX過(guò)程中，經(jīng)常都會(huì)遇到ajax中文顯示變成亂碼的問(wèn)題，其實(shí)在ASP+AJAX應(yīng)用中很容易解決這個(gè)問(wèn)題，只需要在Response.Write語(yǔ)句輸出中文內(nèi)容前加入這行代碼，就可以輕松解決ajax中文亂碼問(wèn)題。

繼續(xù)講解下段代碼，就是顯示相應(yīng)的數(shù)據(jù)庫(kù)查詢結(jié)果，關(guān)閉數(shù)據(jù)庫(kù)連接：

復(fù)制代碼代碼如下:

if not rs.EOF then
response.write "<li>編號(hào)："&rs(0)&"</li>"
response.write "<li>名稱："&rs(1)&"</li>"
response.write "<li>點(diǎn)擊："&rs(2)&"</li>"
response.write "<li>介紹："&rs(3)&"</li>"
end if
rs.close
set rs = nothing
conn.close
set conn = nothing

第三步：ASP+AJAX+數(shù)據(jù)庫(kù)的實(shí)例演示及講解

一路下來(lái)，代碼非常精簡(jiǎn)明了。下面我們?cè)俑缴蠑?shù)據(jù)庫(kù)表的說(shuō)明如下：

庫(kù)名:ajaxjiaocheng.mdb
表名: Customers

字段1:CustomerID 自動(dòng)編號(hào)
字段2:Name 文本格式
字段3:NL 數(shù)字格式
字段4:Address 文本格式
看到這里，不知道你是否能理解AJAX的工作原理？建議你動(dòng)手一步步跟著本教程編寫(xiě)代碼并進(jìn)行測(cè)試。

本實(shí)例直觀的說(shuō)可以這樣理解：
通過(guò)index.html頁(yè)面上的<select name="customers" onchange="showCustomer(this.value)"> 下拉列表選擇觸發(fā)JS代碼中的showCustomer(this.value)事件，將選中的option值<option value="1">創(chuàng)新互聯(lián)</option>
由以下的代碼傳遞給ASP文件：
var url="getcustomer.asp?sid=" + Math.random() + "&q=" + str
xmlHttp=GetXmlHttpObject(stateChanged)
xmlHttp.open("GET", url , true)
xmlHttp.send(null)

ASP文件接收到q參數(shù)后，輸出數(shù)據(jù)庫(kù)相應(yīng)的查詢結(jié)果，然后js會(huì)檢查asp的輸出狀態(tài)，如果輸出完成后會(huì)把結(jié)果返回到index.html文件ID為txtHint的標(biāo)簽上。

關(guān)于“ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)站欄目：ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)怎么用
標(biāo)題網(wǎng)址：http://aaarwkj.com/article16/gghsdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站排名、微信小程序、網(wǎng)站制作、網(wǎng)站維護(hù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)怎么用