ajax的步骤 (原声JS)

2019-05-20  本文已影响0人  _Miss_Chen
<script type="text/javascript">
        //1、
        var obj=new XMLHttpRequest();
        //2、
        //open(请求方法,url,请求方式)打开一个连接
        //请求方法get  post
        //url路径
        //请求方法,同步false 异步true
        obj.open('get','url.json',true);
        //send()发送数据
        //如果请求方法为get需要send(null)
        obj.send(null)
        //属性 status http 请求状态值     
        //400客户端错误
        //200  OK   
        //404  not  found
        //500      服务器错误
        //属性  readyState 请求状态码
        
        //0-4
        //0     对象没有初始化
        //1    对象初始化,已经调用完成open,没有调用send
        //2    已经将数据发送给数据 ,send调用完成
        //3  ajax已经取到从服务器返回的部分数据
        //4    已经获取到所有数据
        
        //事件
        //onreadystatechange 当请求状态码发生改变的时候会触发
        obj.onreadystatechange=function(){
            if(obj.status==200&&obj.readyState==4){
                //成功
                //responseText 属性 储存返回值             
            }
        }
        console.log(obj.responseText);
        var data=JSON.parse()  //将json字符串转换为json对象
        //JSON.stringify()   //将json对象转换为json字符串
        var data=JSON.stringify(JSON.parse(obj.responseText));
        console.log(data)
        
        
    </script>
上一篇 下一篇

猜你喜欢

热点阅读