最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ajax+asp实现数据无刷新保存查询代码
时间:2012-07-09 编辑:简简单单 来源:一聚教程网
1. 前台AJAX代码(javascript)的创建。
2. 后台服务端ASP AJAX代码的编写。
3. ASP+AJAX+数据库的实例演示及讲解。
第一步:前台AJAX代码(javascript)的创建。
我们先创建一个index.html前台文件,内容代码如下:
代码如下 | 复制代码 |
网站信息... |
ajax代码讲解:
关键代码为JS部分,其原理就是创建一个客户的Microsoft.XMLHTTP对象,来完成前台数据与服务端ASP的交互。
然后要注意的就是
第二步:后台服务端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 " response.write " response.write " response.write " 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 " response.write " response.write " response.write " 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页面上的
代码如下 | 复制代码 |
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的标签上。
-
上一个: asp分页技术详解讲解(上一页/下一页)
-
下一个: asp保存远程图片(破防盗链系统)
相关文章
- VBS 批量Ping的项目讲解 09-19
- 如何封装一个Ajax函数介绍 09-16
- ASP实现加法验证码方法 09-16
- ASP错误捕获的几种常规处理方法介绍 09-16
- ajax实现城市三级联动的代码介绍 09-16
- asp中获取日期为星期几的技巧 09-14