Ajax技术

1、简介

        ajax是一种完成互联网数据(客户端与服务器)交互的轻量级技术。应用于各大网站，比如注册账号的唯一性校验，级联菜单，地图的异步刷新，微信朋友圈等。

2、程序

//原生ajax
<script>
    //1、创建ajax异步引擎对象
    let request = new XMLHttpRequest();
    //2、监听请求状态改变函数
    request.onreadystatechange = function(){
        //request.readyState 0-4
        //0、引擎对象未实例化，或实例化失败
        //1、引擎对象实例化但未配置请求参数open
        //2、调用open方法，但未发出请求
        //3、请求已发出但未返回响应
        //4、服务器已返回响应
        if(request.readyState == 4){
            //request.status响应状态码
            if(request.readyState == 200){
                let str = request.responseText;
                let XML = request.responseXML;
            }
        }
    };
    //3、配置请求相关参数
    request.open('get\post','url');
    //4、发出异步请求
    request.send();
</script>

---

//$.ajax jQuery对原生ajax的直接封装
$.ajax({
    type:'post',
    url:'url',
    async:true,//true为异步，false为同步
    data:{
        type:2
    },
    dataType:'json',//数据类型
    beforeSend:function(){},//发送前
    complete:function(){},//请求执行完成
    success:function(){},//执行请求
    error:function(){}//错误执行
});

---

//$.get $.post 对ajax的封装
$.get('url',{param1:1,param2:2},function(result){
    //执行过程
});