Bruce Xiao

======================================================
注：本文源代码点此下载
======================================================

ajax技術介紹

一、使用ajax的主要原因

1、通过适当的ajax应用达到更好的用户体验, 无刷新更新页面,减少用户实际和心理等待时间;

2、把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,因为ajax的根本理念是“按需取数据”,所以最大可能在减少了冗余请求和响影对服务器造成的负担,从而达到节约isp的空间及带宽租用成本的目的。

二、技術簡介

ajax这个概念的最早提出者jesse james garrett认为:

ajax是asynchronous javascript and xml的缩写。

ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括

使用xhtml和css标准化呈现;

使用dom实现动态显示和交互;

使用xml和xslt进行数据交换与处理;

使用xmlhttprequest进行异步数据读取;

最后用javascript绑定和处理所有数据;

ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给ajax引擎自己来做,只有确定需要从服务器读取新数据时再由ajax引擎代为向服务器提交请求。

利用xmlhttp实现的二级连动select

传统二级连动是把所有的数据都传到有客户端..利用xmlhttp.我们可以实时地返回我们所需要的数据.

select.htm

请选择

福建省">福建省

湖北省">湖北省

辽宁省">辽宁省

server.asp 服务器端处理.

function opendb(sdbname){

/* *--------------- opendb(sdbname) -----------------

* 功能:打开数据库sdbname,返回conn对象.

* 参数:sdbname,字符串,数据库名称.

* 实例:var conn = opendb("database.mdb");

*--------------- opendb(sdbname) ----------------- */

var connstr = "provider=microsoft.jet.oledb.4.0; data source="+server.mappath(sdbname);

var conn = server.createobject("adodb.connection");

conn.open(connstr);

return conn;

}

var oconn = opendb("data.mdb");

var province = request("sel");

var arrresult = new array();

var sql = "select city from china where province='"+province+"'";

var rs = server.createobject("adodb.recordset");

rs.open(sql,oconn,1,1);

while(!rs.eof){

//遍历所有适合的数据放入arrresult数组中.

arrresult[arrresult.length] = rs("city").value;

rs.movenext();

}

//escape解决了xmlhttp。中文处理的问题.数组组合成字符串.由","字符串连接.

response.write(escape(arrresult.join(",")));

%>

数据库设计data.mdb

表china.

字段

id 自动编号

province 文本

city 文本

表:china 数据:

id province city

1 福建省 福州市

2 福建省 厦门市

3 福建省 泉州市

4 湖北省 武汉市

5 湖北省 荆州市

6 湖北省 宜昌市

7 辽宁省 沈阳市

8 辽宁省 大连市

9 辽宁省 盘锦市

三. ajax.net的具體使用方法

下载 http://ajax.schwarz-interactive.de/download/

例子是 http://ajax.schwarz-interactive.de/download/ajaxsample.zip

安装 将那个ajax.dll扔到bin下,并引用他

1. 在你的webconfig中增加

好文要顶关注我收藏该文与我联系

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/