原生JS封装Ajax（原理）

Posted 2020-09-20

1.创建一个ajax对象
　　var oAjax=new XMLHttpRequest();
2.连接
　　oAjax.open(‘GET‘,‘a.txt‘+‘?‘+data,true);
　　oAjax.open(‘POST‘,url,true);
3.发送
　　oAjax.send();
　　oAjax.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);
　　oAjax.send(data);
4.接收
　　监听
　　oAjax.onreadysatechange
　　oAjax.readyState
　　0 － （未初始化）还没有调用send()方法
　　1 － （载入）已调用send()方法，正在发送请求
　　2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
　　3 － （交互）正在解析响应内容
　　4 － （完成）响应内容解析完成，可以在客户端调用了
　　oAjax.status
　　200 成功
　　200-299 都算成功
　　304 未修改