最近用了近两天的时间对AJAX的知识进行了一个梳理，觉得是时候对AJAX的相关知识点做个总结了.....这当然也就是本篇博客的主旨了....我也不是很赞成用长篇大论来讲述什么是AJAX，怎么使用AJAX，这样我总觉得太理论化了，接受起来会有一定的难度...所以，本篇博客的另一个主旨是：从实例入手，由浅到深.....好了，直接开始入手吧...在之前的一篇文章中讲解了《原生态AJAX来获取数据》的一个小实例，从“原生态”就可以看出，就是AJAX的最基础的形态了....
实例一：省份-城市的联级下拉框
利用AJAX来获取数据实现联级下拉框，当省份下拉框的选项发生变化时，城市的选项对应变化，效果如图：
我们首先来实现后台，先将数据准备好了在实现前台获取数据，【考虑：当我们页面登录的时候，我们需要获取的数据】：1).省份框中的省份;2).因为登录时省份框的第一项选中，所以还需要第一个省份所对应的城市名，好了，需求知道了，代码就好写了，直接贴上后台代码：
2{
3 if(Request.QueryString[ " provid "]!= null)
4{
5 // 首先获取传递过来的参数值
6 stringprovId=Request.QueryString[ "].ToString();
7
8 查询所有城市 9 stringsqlprov= select*fromProvice ";
10sqlDataReaderreader=DbHelpersql.ExecuteReader(sqlprov);
11 stringresultProv= "";
12 while(reader.Read())
13{
14 stringid=reader[ 0].ToString();
15 stringprovName=reader[ 1].ToString();
16
17 字符串拼接，为了前台获取时可以切分获取对应数据，用'|'来隔离各个省份 18 resultProv+= | "+ string.Format( {0},{1} ",id,provName);
19}
20reader.Close();
21
22 根据省份框的ID来获取对应的城市名 23 stringsqlcity= select*fromCitywhereProid='{0}' 24sqlDataReaderreadercity=DbHelpersql.ExecuteReader(sqlcity);
25 stringresultCity= 26 while(readercity.Read())
27{
28 stringcityId=readercity[ 29 stringcityName=readercity[ 2].ToString();
30
31 同样用字符串拼接用'|'来隔离同一省份的各个城市 32 resultCity+= 33}
34
35 去除第一个'|',并且在最后拼接上'&'来区分省份和城市 36 resultProv=resultProv.Substring( 1)+ & 37
38 最后的结果形式为【id,省份名|id2,省份名2|....&id,城市名|id2,城市名2|.....】 39 stringresult=resultProv+resultCity.Substring( 1);
40
41Response.Write(result);
42Response.End();
43}
44}
后台代码其实很简单，就是根据传过来的参数从数据库获取对应的数据，但是这里我们把获取到得数据最后都用字符串拼接起来了，而且是有规律的拼接，这是为什么呢？其实在注释上已经讲明了，就是为了方便前台获取对应的数据了，因为我们是使用后台返回文本形式的数据，这就是为什么我们拼接字符串了。。
接下来我们来实现前台，前台主要的任务就是获取后台返回的数据，并实现绑定......也是分块贴上代码
$.get():
语法：$(selector).get(url,data,success(response,status,xhr),dataType)
参数
url：必须，请求发送的地址。
data：可选，发送到服务器的数据。
success：可选，请求成功时运行的函数
1).response：包含结果的数据
2).status:包含请求的状态
3).xhr:包含XmlHttpRequest对象
dataType：服务器响应的数据类型，默认将智能判断
$.post()
语法：$(selector).post(url,success(data,jqXHR),dataType)
参数
url：必须，请求发送的地址。
data：可选，发送到服务器的数据。
success：可选，请求成功时运行的函数
1).data：包含结果的数据
2).status:包含请求的状态
3).jqXHR:包含XmlHttpRequest对象
dataType：服务器响应的数据类型，默认将智能判断
由于实例相当简单，直接上所有代码：
<formid= ">
<div>
<inputtype= text "id= tbShow "/>
<inputtype= button btnGet "value= get方法 btnPost post方法 btnAjax ajax方法 "/>
</div>
</form>
</body>
$.ajax()
语法：Jquery.ajax([settings])
常用参数[settings]--用于配置Ajax的键值对请求
url：必须，请求发送的地址
type:请求方式
data：可选，发送到服务器的数据
success：可选，请求成功时运行的函数
1).data：包含结果的数据
2).status:包含请求的状态
3).jqXHR:包含XmlHttpRequest对象
dataType：服务器响应的数据类型，默认将智能判断
其余参数详情参见：http://www.w3school.com.cn/jquery/ajax_ajax.asp
2{
3 protected voidPage_Load( 4{
5 stringhour=DateTime.Now.Hour.ToString();
6 stringminute=DateTime.Now.Minute.ToString();
7 stringsecond=DateTime.Now.Second.ToString();
8
9 stringtextStr=hour+ " / "+minute+ "+second;
10
11Response.Write(textStr);
12
13Response.End();
14}
15}
我们需要在后台返回Json格式的数据，添加一个dll链接库，类似.Net中处理Json数据的API ，如图：
