前端学习(二十八）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

巴特西

前端学习(二十八）es6&ajax（笔记）

最新文章

热门文章