前端學習(二十八）es6&ajax（筆記）

ES6
    let
    塊級作用域
    const
    解構賦值
    字符串拼接
    擴展運算符
    -----------------------------------------------------------
    箭頭函數
    function show(a){
        return a;
    }
        ↓
    show=a=>a;

    function show(a,b){
        return a+b;
    }
        ↓
    show=(a,b)=>a+b;


    function show(a,b){
        alert(a+b);
    }
        ↓
    show=(a,b)=>{
        alert(a+b);
    }

    function show(){
        alert(12);
    }
        ↓
    show=()=>{
        alert(12);
    }

    function(){

    }
        ↓
    ()=>{

    }

    function(a,b){

    }
        ↓
    (a,b)=>{

    }
------------------------------------------------------------
Map
    var map = new Map()             對象
    設置
        map.set(key,value);
    獲取
        map.get(key);
    刪除
        map.delete(key);
    清空
        map.clear()

循環
    for...of...

    for(let [key,value] of map){

    }
----------------------------------------------------
    數組擴展方法
        Array.from();
        把類數組變成真正的數組
        var arr = Array.from(類數組);

        類數組
            長得像數組，一樣要用for循環遍歷。
            但是不能使用數組的方法

            獲取一組元素
            arguments
------------------------------------------------------
交互
    $.ajax({
        url:'',
        data:{
            t:Math.random()
        }
    }).then((res)=>{
        //成功
    },(err)=>{
        //失敗
    });
----------------------------------------------------
    需要后台給你接口

        get.php?a=xxx&b=xxx
        return     
                number

        post.php?a=xxx&b=xxx
        return
                number

    $.ajax({
        url:地址,
        type:類型,
        data:{}
    });
========================================================
ajax原理
    1.創建一個ajax對象
        var oAjax = new XMLHttpRequest();
        不兼容IE6
        var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
        兼容IE6,7,8


        兼容寫法
        if(window.XMLHttpRequest){
            var oAjax = new XMLHttpRequest();
        }else{
            var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
        }

    GET

        2.打開連接
            oAjax.open('GET',url?data,true);
                    生活            程序
            同步 同時做多件事情        一次只能做一件事
            異步 一次只能做一件事     同時進行多件事情
        3.發送請求
            oAjax.send();

    POST
        2.打開連接
            oAjax.open('POST',url,true);
        設置請求頭部
            oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        3.發送請求
            oAjax.send(data);
    4.接收響應
        oAjax.onreadystatechange = function(){
            //判斷ajax狀態
            if(oAjax.readyState==4){
                //判斷http狀態碼
                if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                    成功

                    響應結果
                    oAjax.responseText
                }else{
                    失敗
                }
            }
        }

    ajax狀態
    0         准備成功未發送
    1         發送成功
    2        接收原始數據成功
    3         解析原始數據成功
    4         完成

ajax的核心是什么？
    XMLHttpRequest