1 var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性
2 xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“准备”向服务器的GetDate1.ashx发出Post请求(GET可能会有缓存问题)。这里还没有发出请求
3 xmlhttp.onreadystatechange = function ()
4 {
5 if (xmlhttp.readyState == 4) //readyState == 4 表示服务器返回完成数据了。之前可能会经历2(请求已发送,正在处理中)、3(响应中已有部分数据可用了,但是服务器还没有完成响应的生成)
6 {
7 if (xmlhttp.status == 200) //如果状态码为200则是成功
8 {
9 alert(xmlhttp.responseText);
10 }
11 else
12 {
13 alert("AJAX服务器返回错误!");
14 }
15 }
16 }
17 //不要以为if (xmlhttp.readyState == 4) {在send之前执行!!!!
18 xmlhttp.send(); //这时才开始发送请求
19 //发出请求后不等服务器返回数据,就继续向下执行,所以不会阻塞,界面就不卡了,这就是AJAX中“A”的含义“异步”。试着在ashx加一句Thread.Sleep(3000);
20
21 简单的ajax封装:
22 function ajax(url,onsuccess,onfail)
23 {
24 var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
25 xmlhttp.open("POST", url, true);
26 xmlhttp.onreadystatechange = function ()
27 {
28 if (xmlhttp.readyState == 4)
29 {
30 if (xmlhttp.status == 200)
31 {
32 onsuccess(xmlhttp.responseText);
33 }
34 else
35 {
36 onfail(xmlhttp.status);
37 }
38 }
39 }
40 xmlhttp.send(); //这时才开始发送请求
41 }