AJAX的浅谈

AJAX:”Asynchronous JavaScript and XML”

中文意思：异步JavaScript和XML。

指一种创建交互式网页应用的网页开发技术。

AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词。

AJAX优点：

Ajax在本质上是一个浏览器端的技术

Ajax技术之主要目的在于局部交换客户端及服务器间之数据

这个技术的主角XMLHttpRequest 的最主要特点，在于能够不用重新载入整个版面来更新资料，也就是所谓的Refresh without Reload(轻刷新)

与服务器之间的沟通，完全是透过Javascript 来实行

使用XMLHttpRequest 本身传送的数据量很小，所以反应会更快，也就让网络程式更像一个桌面应用程序

AJAX 就是运用Javascript 在后台悄悄帮你去跟服务器要资料，最后再由Javascript 或DOM 来帮你呈现结果，因为所有动作都是由Javascript 代劳，所以省去了网页重载的麻烦，使用者也感受不到等待的痛苦。

AJAX核心对象-XMLHttpRequest对象：

一，先来创建XMLHttpRequest对象

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

var xhr = new XMLHttpRequest();

•在IE5/6中代码为：

var xmlRequest = new ActiveXObject(“Microsoft.XMLHTTP”);

注意，JavaScript区分大小写。

二，为XMLHttpRequest对象设置请求参数

      1.GET方式

            1.1设置参数

            xhr.open("GET", "GetAreasByAjax.ashx?isAjax=1", true);

     1.2GET方式请求可以设置浏览器不使用缓存
            xhr.setRequestHeader("If-Modified-Since", "0");

     1.3发送: xhr.send(null);//GET方式

     2.POST方式：
       1.1设置参数：xhr.open("POST", "GetAreasByAjax.aspx", true);
       1.2添加请求头：xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

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

 三，设置回调函数

异步使用XMLHttpRequest对象

异步使用XMLHttpRequest对象时，必须使用：onreadystatechange事件。

使用模式应该是：

1.创建该对象；-new

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

3.打开请求；-open

4.发送请求；-send

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

如果没有准备好，隔一段时间再次检查。因为数据没有下载完时，我们无法使用它的属性和方法。

如果已经准备好，就继续往下执行；

5.回调函数

function watching() {

       if (xhr.readyState == 4) {

           if (xhr.status == 200) {

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

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

       }

}

 

XMLHttpRequest常用方法：

 异步对象常用属性：

 

JSON：

AJAX传递复杂数据如果自己进行格式定义的话会经历组装、解析的过程，因此AJAX中有一个事实上的数据传输标准JSon。Json（是一个标准，就像XML一样，Json规定了对象以什么样的格式保存为一个字符串）将复杂对象序列化为一个字符串，在浏览器端再将字符串反序列化为JavaScript可以读取的对象。看一下Json的格式。Json被几乎所有语言支持。

C#中将.Net对象序列化为Json字符串的方法：JavaScriptSerializer().Serialize(p)， JavaScriptSerializer在System.Web.Extensions.dll中，是.Net3.x 中新增的类。
完整：System.Web.Script.Serialization.JavaScriptSerializer

 Jquery框架常用的AJAX几种写法：

 $.get(url,[data],[callback],[type])
$.getJSON(url,[data],[callback],[type])
$.getScript(url,[data],[callback])
$.post(url,[data],[callback],[type])