手写原生ajax代码

201 阅读1分钟

最近学了很多网络请求的东西 针对前端面试 来一些笔记

ajax过程

  (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.
    
  (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.
    
  (3)设置响应`HTTP`请求状态变化的函数. 

  (4)发送`HTTP`请求.

  (5)获取异步调用返回的数据.

  (6)使用JavaScript和DOM实现局部刷新.

 let xhr = new XMLHttpRequest()|| new ActiveXObject("Microsoft");        
 xhr.open("get",url);        
 xhr.send();        
 xhr.onreadystatechange = function () {                
if(xhr.status==200&&xhr.readyState==4){                  
     console.lgo(xhr.responseText);               
 }}五种状态
xmlhttp.readyState一共有5中请求状态,从04 发生变化。
0: 请求未初始化
1: 服务器连接已建立
    2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
xmlhttp.status
200: "OK"
300    这些状态码用来重定向
401    当前请求需要用户验证
403   (禁止) 服务器拒绝请求。
404   (未找到) 服务器找不到请求的网页。
408  (请求超时) 服务器等候请求时发生超时。
500   (服务器内部错误)  服务器遇到错误,无法完成请求。