Ajax入门

目录

一、什么是Ajax？

AJAX 能够干什么：

二、Ajax用法：

Ajax格式：

通常使用这几个参数：

案例一：登录检测（异步刷新：提示你的信息输入的是否正确）

后端代码：

前端代码：

案例二：异步插入信息案例

后端代码：

三、总结

---

一、什么是Ajax？

“AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 ajax不是新的编程语言,而是一种使用现有标准的新方法。通俗的说就是浏览器在不刷新整个网页的情况下，部分更新。

AJAX 能够干什么：

• 不刷新页面更新网页
• 在页面加载后从服务器请求数据
• 在页面加载后从服务器接收数据
• 在后台向服务器发送数据

二、Ajax用法：

1.使用Ajax先要导入jquery的包。

提供一下网络版的Jquery地址（联网才能使用）

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

jQuery Ajax本质就是 XMLHttpRest,对他进行了封装，方便调用！我们来看看他的方法（使用格式）：

普遍使用的三个是：Ajax,Get,Post.

Ajax格式：

$.ajax({
    url:"",            //带载入页面的url地址
    dataType:"json",   //返回格式为json
    async:true,        //请求是否异步，默认为异步，这也是ajax重要特性
    data:{             // 待发送Key/value的参数，也就是异步刷新的值
    "id":"value"},     //参数值
    type:"GET",        //请求方式，如果是Post，在这里更改
    beforeSend:function(){
                       //请求前的处理
    },
    success:function(req){
                      //请求成功时处理
    },
    complete:function(){
                      //请求完成的处理
    },
    error:function(){
                      //请求出错处理
    }
});

通常使用这几个参数：

$.ajax({
    url:"",            
    data:{"id":"value"},     
    success:function(req)
    {                  
    }
});

案例一：登录检测（异步刷新：提示你的信息输入的是否正