一、概述
* AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
* 可以向服务器发送`异步请求`,实现在不重新加载整个网页情况下,`更新网页局部的内容`,从而提高用户的体验。
同步:客户端发送请求后,必须等待服务端的响应。在等待的期间客户端不能做其他操作。
异步:客户端发送请求后,不需要等待服务器的响应。在服务器处理的过程中,客户端可以进行其他操作。
* 应用场景
搜索框提示
表单数据验证
![](https://i-blog.csdnimg.cn/blog_migrate/c49428c2fe4859037bfaaabce5f7912e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/916b415dee2870d98c0f16f39c4abe83.png)
![](https://i-blog.csdnimg.cn/blog_migrate/066991301bfecbccc86da54a8f2658d2.png)
二、ajax语法
// 标准语法
$.ajax({
type:"get", //请求方式
url:"http://localhost/demoServlet", //请求地址
data:{"username":"admin"}, //请求携带的参数(支持json格式) username=admin&password=admin
success:function(data){ 方法体 }, //请求成功之后的回调函数
dataType:"json", //预期返回的数据类型(text json)
//=====================================下面一般省略===========================================//
contentType: "application/json;charset=UTF-8" //请求的媒体类型
error: function(data){}: //请求失败之后的回调函数
})
//简化语法:
$.get(url,data,success,"json")
url:请求地址
data:请求携带的参数
success:请求成功后处理返:回的结果
dataType: 预期返回的数据类型
$.post(url,data,success,"json")
url:请求地址
data:请求携带的参数
success:请求成功后处理返回的结果
dataType: 预期返回的数据类型