美文网首页
ajax的步骤 (原声JS)

ajax的步骤 (原声JS)

作者: _Miss_Chen | 来源:发表于2019-05-20 00:10 被阅读0次
<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>

相关文章

  • ajax的步骤 (原声JS)

  • 2018-07-30

    js原声代码实现ajkx Ajax的核心是XMLHttpRequest对象 1、创建XMLHttpRequest对...

  • 基本的原声ajax

    ps:new作用var a=new b();(1) 创建一个新对象;(2) 将构造函数的作用域赋给新对象(因此 t...

  • JS ajax请求

    原生ajax请求 http://www.jb51.net/article/88084.htm原生的js 的基本步骤...

  • 004_Ajax实现HTML局部更新

    Ajax 步骤 1.搭建HTML骨架2.书写js骨架3.书写Ajax代码、对异步请求到的数据进行处理 详解 1.搭...

  • 原生js实现Ajax

    如果要用原生的JS实现Ajax怎么整呢,让我们一起来整一个试试。 方法: /** 详细说明: 1.Ajax步骤:1...

  • JS中的Ajax

    JS中的Ajax Ajax简介 Ajax为 Asynchronous Javascript And XML 的缩写...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • JS AJAX实现步骤口述整理

    第一步 创建XMLHttpRequest对象,需要兼容IE7之前的版本, 通过判断浏览器是否支持ActiveX控件...

  • js原声的楼层?

    js原声的楼层 *{margin:0; padding:0;} ul,ol{list-style:none;} i...

网友评论

      本文标题:ajax的步骤 (原声JS)

      本文链接:https://www.haomeiwen.com/subject/ngwczqtx.html