Ajax 异步数据请求

嘿黑嗨，我又来了哦，今天带来了Ajax只刷新局部页面的技术，也就是异步数据请求，一起来康康吧

**

一，什么是Ajax

**

首先，Ajax就是异步数据请求，也就是只刷新局部页面的技术，发送请求后不等返回结果，由回调函数处理结果，通过返回来进行一下操作！通过Ajax我们可以实现前后端的小分离！

二，何为异步，何为同步

异步即是在同一时间内可以抽身去干另外一件事，与多线程有类似之处，效率的到了大大提高，而且用户在页面停留不会有等待的感觉，体验加分。

同步即为在同一时间内只能干一件事，要干完这件事之后才能去干另外一件事，依次干下去，效率低下！

三，Ajax的基本属性，参数

四，三种常用的Ajax，get，post

1. get

$.get(   //请求地址
            "login.do",
            //携带过去的数据 直接放数据,名字就是数据的名字
            {account, password},
            //回调函数 请求之后会调用这个函数
            //resp就是后台给我的值
            function (resp) {
                //trim 去空格
                //contains 包含
                if (resp.trim() === "yes") {
                    alert("登陆成功")
                    location.href = "index.jsp"
                } else {
                    alert("登陆失败")
                }
            },
            "text" //希望后台给我的是普通的文本
        )

2. post

$.post(
            "login.do".
            {account, password},
            function (resp) {
                if (resp.trim() === "yes") {
                    alert("登陆成功")
                    location.href = "index.jsp"
                } else {
                    alert("登陆失败")
                }
            },
            "text" 
        )

注意get和post是一样的写法，把get改成post就好了！

3. Ajax请求

 $.ajax({
            url:"login.do",//访问地址
            data:{account,password},//携带的数据
            dataType:"text",//希望后台给你什么样子的数据
            type: "get",//什么请求类型
            success(resp){
                if (resp.trim() === "yes") {
                    alert("登陆成功")
                    location.href = "index.jsp"
                } else {
                    alert("登陆失败")
                }
            },//成功
            error(){

            }//错误
        })

五，总结

最后，总结一下Ajax的优点：

• 不需任何浏览器插件
• 优秀的用户体验
• 提高Web程序的性能
• 减轻服务器和宽带的负担

以上就是前后端交互工具AJAX的重点内容，关注小编，了解更多关于Ajax的知识