Ajax原理
2021-03-14 20:29
标签:原理 hide active function src one nbsp closed ajax Ajax原理 标签:原理 hide active function src one nbsp closed ajax 原文地址:https://www.cnblogs.com/shangec/p/12808168.html 1 fucntion ajax(url,fnSuccess,fnFaild)
2 {
3 //1,创建Ajax对象
4 if(window.XMLHttpRequest){
5 var oAjax=new XMLHttpRequest();
6 }
7 else
8 {
9 var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
10 }
11
12 //2,连接服务器
13 //open(方法,文件名,异步传输)
14 oAjax.open("GET",url,true);
15
16 //3,发送请求
17 oAjax.send();
18
19 //4,接收返回
20 oAjax.onreadystatechange=function() {
21 //oAjax.readyState //浏览器和服务器,进行到哪一步了
22 if(oAjax.readyState==4) //读取完成
23 {
24 if(oAjax.status==200) //成功
25 {
26 fnSuccess(oAjax.responseText);
27 }
28 else
29 {
30 if(fnFaild)
31 {
32 fnFaild(‘失败:‘+oAjax.status);
33 }
34 }
35 }
36 }
37 }
38
39
40 // readyState属性:请求状态
41 // 0 (未初始化) 还没调用open()方法
42 // 1 (载入) 已调用send()方法,正在发送请求
43 // 2 (载入完成) send()方法完成,已收到全部响应内容
44 // 3 (解析) 正在解析响应内容
45 // 4 (完成) 响应内容解析完成,可以在客户端调用了