js异步ajax

原生AJAX：异步通信
XMLHttpReqest()

var xhr=new XMLHttpReqest();
    xhr.open(method,url,true)//设置请求的参数 false 同步
    请求的状态码：
    200 (只有200是成功其他都有bug)
    300
    400 (400以下都是服务器问题)
    401
    500

    xhr.onreadystatechange = function(){
        if(this.status == 200 && this.readyState ==4){
            this.response : 服务器响应的数据
        }
    }
    //发送请求
    xhr.send()

异步：独立线程

get：数据 附着在地址栏上
post：数据存储在requestHeader()

异步通信：与服务器做数据交互
无刷新请求：页面的局部刷新
1、异步的表单提交
2、接口调用
3、部分无刷新请求数据的特效

传统服务器交互：
form表单提交 数据交互（只能传递发送数据）
<a href="11.jsp?id=xxx"></a>超链接

获取服务器传递到客户端的数据：
XMLHttpReqest ： 原生ajax

                                                    

----------------------------------------------
节流防抖：为了解决js事件高频率触发问题
请求过于频繁 对服务器造成压力过大
click 事件：2000ms 50次

节流：
在一个事件周期内，如果事件频繁触发，只运行一次

防抖：
防止抖动；在一个事件周期内，如果事件频繁触发 只运行上一个时间周期的一次触发