创建ajax的过程
step1. 创建XMLHttpRequest对象，也就是创建⼀个异步调⽤对象；
step2. 创建⼀个新的HTTP请求，并指定改HTTP请求的⽅法、URL以及验证信息；
step3. 设置响应HTTP状态变化的函数；
step4. 发送HTTP请求；
step5. 获取异步调⽤返回的数据；
step6. 使⽤javascript和DOM实现局部刷新；
代码实现：
1<script type="text/javascript">
2    load = function(){
3//第⼀步：创建xhr对象
4//xhr是⼀个对象；⾥⾯可以放很多东西，数据；
5var xhr = null;
6if(window.XMLHttpRequest){//标准浏览器
7            xhr = new XMLHttpRequest();//创建⼀个对象
8        }else{//早期的IE浏览器
9            xhr = new ActiveXObject('Microsoft.XMLHTTP');//参数是规定的；
10        }
11        console.log("状态q"+adyState);//0
12//第⼆步：准备发送请求-配置发送请求的⼀些⾏为
13//open即打开链接，第⼀个参数是以什么⽅式；第⼆个是往哪⼉发送请求，第三个可以不写，默认true，表⽰异步，false表⽰同步；；
14        xhr.open('get','03form.php',true);
15        console.log("状态w"+adyState);//1
16
17//第三步：执⾏发送的动作
18//send也可以写在前⾯，推荐写在后⾯；写null是兼容问题；
19        xhr.send(null);
20        console.log("状态e"+adyState);//1
21
22//第四步：指定⼀些回调函数，也属于事件函数；不触发不执⾏，触发条件是adyState;z这个值有0-4，共5个状态，是由浏览器控制的；
23        adystatechange = function(){
adyState == 4){//4指服务器返回的数据可以使⽤；
25if(xhr.status == 200){ //判断已经成功的获取了数据；200表⽰hTTP请求成功；404表⽰不到页⾯；503表⽰服务器端有语法错误；
26var data = sponseText;//json，⽂本，主⾓；
27// var data1 = sponseXML;
28                }
29            }
30// console.log("状态t"+adyState);//2表⽰已经发送完成；
31
32// console.log(1234);
33        }
34
35// console.log(456);
36        console.log("状态r"+adyState);//1
37
发送ajax请求的步骤
38
39    }
40</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。