Asp.net Ajax简介

       AJAX是一种实现异步网络应用的技术，AJAX表示建立利用XMLHttpRequest对象的应用程序的能力，在Javascript中可以建立和包含XMLHttpRequest对象，另外，大多数浏览器都支持这个对象的应用，于是诞生AJAX模型，AJAX本质是一个浏览器端的技术，主要目的在于局部交换客户端及服务器之间的数据。

      创建XMLHttpRequest对象

按照下面的模式，可以同步的XMLHttpRequest对象

1.创建对象：new（叫助手过来）

2.创建请求：open（告诉他要去做的事情）

3.发送请求：send（去吧）

具体代码的实现：

•一、先来创建XMLHttpRequest对象

–在IE、Firefox、safari和Opera中创建该对象的JavaScript代码为：

  varxhr= new XMLHttpRequest();

–在IE5/6中代码为：

  varxmlRequest= new ActiveXObject(“Microsoft.XMLHTTP”);

•二、为XMLHttpRequest对象设置请求参数

       1.设置参数：
     xhr.open("GET", "GetAreasByAjax.ashx?isAjax=1", true); 

  2.POST方式：
xhr.open("POST","GetAreasByAjax.aspx", true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

   3.设置浏览器不使用缓存
xhr.setRequestHeader("If-Modified-Since","0");

•三、发送请求：(分别对应GET和POST)

    xhr.send(null);//GET方式

    xhr.send("isAjax=1&na=123");//POST方式

发送请求完后，是不是结束了呢，呵呵，没有因为还没有返回啊！所以在这里有了回调函数（异步使用XMLHttpRequest对象时，必须使用：onreadystatechange事件）

使用模式应该是：

1.创建该对象；-new

2.设置readystatechange事件触发一个回调函数; -onreadystatechagne

3.打开请求；-open

4.发送请求；-send

5.在回调函数中检查readyState属性，看数据是否准备就绪(是否等于4)。

 

在这里开始正式编写回调函数

1.在xhr.send之前添加设置回调函数代码：

xhr.onreadystatechange =watching;

2.回调函数

functionwatching() {

       if (xhr.readyState>= 4) {

           if (xhr.status ==200) {

               varmsg = xhr.responseText; //服务器返回的字符串

           } else alert("服务器错误!" + ajaxH.status);

       }

}

 

在这里具备了基本的格式了，接下来就可以实现具体的AJAX内容了，让页面无刷新吧！