原生ajax请求(面试中常问)

2018-05-11  本文已影响0人  陌紫嫣
(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.
    
  (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.
    
  (3)设置响应`HTTP`请求状态变化的函数. 

  (4)发送`HTTP`请求.

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

  (6)使用JavaScript和DOM实现局部刷新.
    var  XMLHttp = new XMLHttpRequest ()

    XMLHttp.open = ("请求的方法(get\post)" ,"URL" , "async(ture异步/false同步)")

    xmlHttp.send()

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

猜你喜欢

热点阅读