时间:2021-05-28
看完本篇ajax实例教程,我相信你也可以轻松做出一个初级的AJAX应用。
你也可以直接访问:https://</option>
<option value="2">哇塞网</option>
<option value="3">收音机</option>
</select>
</form><p>
<div id="txtHint"><b>网站信息...</b></div>
</p></body>
</html>
ajax代码讲解:
关键代码为JS部分,其原理就是创建一个客户的Microsoft.XMLHTTP对象,来完成前台数据与服务端ASP的交互。
然后要注意的就是<select name="customers" onchange="showCustomer(this.value)">
这一行代码,原理就是通过showCustomer(this.value)触发AJAX的前台脚本对象,将用户在下拉列表选择的结果数据通过Microsoft.XMLHTTP发送到服务端处理,再返回到前台ID为txtHint的<div id="txtHint"><b>用户信息...</b></div>层标签显示出来。
第二步:后台服务端ASP AJAX代码的编写。
创建完刚才的index.html,我们接着再创建一个getcustomer.asp文件,请确认你的ASP环境一切OK:)
getcustomer.asp的代码如下:
复制代码 代码如下:
<%
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>编号:"&rs(0)&"</li>"
response.write "<li>名称:"&rs(1)&"</li>"
response.write "<li>点击:"&rs(2)&"</li>"
response.write "<li>介绍:"&rs(3)&"</li>"
end if
rs.close
set rs = nothing
conn.close
set conn = nothing
%>
ajax代码讲解:
如果有asp基础的朋友一看就能明白,连接数据库代码及跟据前台发送过来的q参数查询相应的数据库结果:
复制代码 代码如下:
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" ‘这句很关键,解决ajax中文乱码
很多人在使用AJAX过程中,经常都会遇到ajax中文显示变成乱码的问题,其实在ASP+AJAX应用中很容易解决这个问题,只需要在Response.Write语句输出中文内容前加入这行代码,就可以轻松解决ajax中文乱码问题。
继续讲解下段代码,就是显示相应的数据库查询结果,关闭数据库连接:
复制代码 代码如下:
if not rs.EOF then
response.write "<li>编号:"&rs(0)&"</li>"
response.write "<li>名称:"&rs(1)&"</li>"
response.write "<li>点击:"&rs(2)&"</li>"
response.write "<li>介绍:"&rs(3)&"</li>"
end if
rs.close
set rs = nothing
conn.close
set conn = nothing
第三步:ASP+AJAX+数据库的实例演示及讲解
一路下来,代码非常精简明了。下面我们再附上数据库表的说明如下:
库名:ajaxjiaocheng.mdb
表名: Customers
字段1:CustomerID 自动编号
字段2:Name 文本格式
字段3:NL 数字格式
字段4:Address 文本格式
看到这里,不知道你是否能理解AJAX的工作原理?建议你动手一步步跟着本教程编写代码并进行测试。
本实例直观的说可以这样理解:
通过index.html页面上的<select name="customers" onchange="showCustomer(this.value)"> 下拉列表选择触发JS代码中的showCustomer(this.value)事件,将选中的option值<option value="1"></option>
由以下的代码传递给ASP文件:
var url="getcustomer.asp?sid=" + Math.random() + "&q=" + str
xmlHttp=GetXmlHttpObject(stateChanged)
xmlHttp.open("GET", url , true)
xmlHttp.send(null)
ASP文件接收到q参数后,输出数据库相应的查询结果,然后js会检查asp的输出状态,如果输出完成后会把结果返回到index.html文件ID为txtHint的标签上。
在网络的世界里,我感觉自己无把不能。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
asp.net操作access数据库是常见的数据库操作应用,本文就来实例讲解一下asp.net实现access数据库分页的方法。希望对大家的asp.net程序设
ASP获取ACCESS数据库表名及结构的代码获取ACCESS数据库表名数据库路径:
ASP实例代码,利用SQL语句动态创建Access表。 留作参考,对在线升级数据库有用处。
这篇文章以VB生成的DLL封装ASP代码来连接数据库(以Access数据库为例)。一般情况下我们在用ASP连接Access的数据库时通常都会进行如下的操作'//
asp+access数据库UTF-8乱码用asp,access数据库,网页编码是utf-8,就出现乱码,所有从数据库里读的中文汉字都是乱码,怎么办?郑州网站建设