JQuery操作Ajax

---

Ajax简介

• ajax 全名 async javascript and XML(异步JavaScript和XML)
• 是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具
• AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
• AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
• 是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）

简而言之，Ajax就是一种可以让网页不用整个刷新而实现局部变化的技术

JQuery下Ajax使用格式

先导入Jqeury

<script src="${pageContext.request.contextPath}/static/js/jquery-3.6.0.js"></script>

Ajax参数：

$.ajax({          
       	url:发送请求地址。
		data:待发送 Key/value 参数。
		success:发送成功时回调函数。
		type:返回内容格式，xml, html, script, json, text, _default。
});

以上只有url为必填项

ajax默认使用get方式提交，若要使用post方式

$.post({          
       	url:发送请求地址。
		data:待发送 Key/value 参数。
		success:发送成功时回调函数。
		type:返回内容格式，xml, html, script, json, text, _default。
});

---

更为精简的写法

三部曲:
一般只需要三个参数
url
data
success(){}

$.post(url,data,success(){})

简单举例

应用举例

实现在用户名输入框和密码输入框失去焦点时显示正确还是错误

效果：