AJAX简介

一、简介

Ajax 是⼀种⽤于创建快速动态⽹⻚的技术。在⽆需重新加载整个⽹⻚的情况下，能够更新部分⽹⻚的技术。

二、同步与异步

1、同步：发送⼀个请求，需要等待响应返回，然后才能够发送下⼀个请求，如果该请求没有响应，不能发送下⼀个请求，客户端会处于⼀直等待过程中。

2、异步：发送⼀个请求，不需要等待响应返回，随时可以再发送下⼀个请求，即不需要等待。

三、应用场景

1、在线视频、直播平台等…评论实时更新、点赞、⼩礼物、…

2、会员注册时的信息验证，⼿机号、账号唯⼀

3、百度关键搜索补全功能

四、实现代码

实现代码：

   $.ajax({

     url:"",//访问的地址

     data:{

        Name:”张三”，},//参数

     type:"post/get",//请求类型

     async:true,//是否同步，异步。  默认为true（异步）一般不建议写

     dataType:"text",//返回值的类型   text xml  html  json  

     success:function(obj){//成功的回调函数

     },

     error:function(){//失败的回调函数   一般不写

     }

    })

注意事项：

1、每个属性后都要跟随⼀个英⽂逗号，最后⼀个不⽤。

2、每⼀个属性都是键值对的形式存在，中间⽤英⽂冒号:隔开

3、data:{} 是⼀个特殊的写法，值是⼀个{}，⾥⾯使⽤键值对存储

例如：data:{“键1”:值1, “键2”:值2, “键3”:值3}

4、以上属性没有先后顺序要求

五、get请求

function ajax() {

        $.get({

             url:"",//访问的地址

             data:{

                Name:”张三”，},//参数

             type:"post/get",//请求类型

             async:true,//是否同步，异步。  默认为true（异步）一般不建议写

             dataType:"text",//返回值的类型   text xml  html  json  

             success:function(obj){//成功的回调函数

             },

             error:function(){//失败的回调函数   一般不写

             }

            })

}

六、post请求

function ajax() {

        $.post({

             url:"",//访问的地址

             data:{

                Name:”张三”，},//参数

             type:"post/get",//请求类型

             async:true,//是否同步，异步。  默认为true（异步）一般不建议写

             dataType:"text",//返回值的类型   text xml  html  json  

             success:function(obj){//成功的回调函数

             },

             error:function(){//失败的回调函数   一般不写

             }

            })

}

七、通用方法

function ajax() {

        $.ajax({

             url:"",//访问的地址

             data:{

                Name:”张三”，},//参数

             type:"post/get",//请求类型

             async:true,//是否同步，异步。  默认为true（异步）一般不建议写

             dataType:"text",//返回值的类型   text xml  html  json  

             success:function(obj){//成功的回调函数

             },

             error:function(){//失败的回调函数   一般不写

             }

            })

}