ajax菜鸟级入门

一、概述

        1、关键名词

                同步：排队（安全性高，效率低）

                异步：同时进行，互相间没有关系（不知道什么时候开始，不知道什么时候结束）

                进程：单独进行的程序叫做进程

                线程：进程里面的最小单位（单个任务）

        2、ajax概述

                异步通信技术，利用网络请求，请求对应的数据的工具（http，https）

                早期：js进行请求，携带数据和返回数据类型为xml形式

                

二、ajax入门

        核心对象：xmlhttpRequset（存在兼容问题）

                不支持IE6，兼容写法

        

var xhr = new ActiveXObject("Microsoft.XMLHTTP");

        事件监听（观察者模式）

        http状态码：100-599 ，100-199，成功但是需要下一步操作

200-299表示成功   ；300-399重定向   400-499表示客户端错误  ；500-599表示服务器错误

        ajax访问流程，代码实现：

<script>
        // 构建请求对象
        var requst = new XMLHttpRequest();
        // 打开请求地址，指定请求方式
        requst.open('GET','http://jsonplaceholder.typicode.com/todos')
        // 发送请求
        requst.send();
        // 事件监听，请求状态的改变
        requst.onreadystatechange = function(){
            // 获取请求状态，判断是否到达
            if (requst.readyState ==4) {
                var str = requst.responseText;
                var obj = JSON.parse(str);
                console.log(obj);
            }
        }
    </script>

        http请求   resetful风格的接口（后台接口的风格）

                get获取   post 请求添加    delete删除     put修改多个    patch修改一个