Javaweb ---- Ajax

Ajax的原理

Ajax使用异步传输技术
异步与同步的区别：

• 地址栏：同步传输会发生改变，改变为要请求的地址；异步传输时，地址栏不会改变，仍旧为原来的地址
• 是否可局部刷新：同步是页面跳转（全局刷新）；异步是局部刷新
• 浏览器可操作性：同步传输，在页面跳转中，浏览器属于卡死状态（不可操作）用户体验感较差；异步传输，发送Ajax请求时，用户无法感知，依旧可以与服务器发生交互获得数据，实现实时更新，并且页面属于可操作性状态，用户体验感较好

同步：同步传输时，在服务器给出反馈之前，用户不能进行任何操作。（浏览器发送请求，浏览器接收请求，接收到的数据自动渲染到页面中）
异步：异步传输时(通过浏览器内置的Ajax引擎发送请求)，在服务器给出反馈之前，用户可以对页面进行其余操作。（Ajax发送请求，Ajax接收请求并传递给浏览器，将接收到的数据渲染到页面需要通过代码手动操作）
Ajax技术对页面时局部刷新(只刷新页面部分内容)
全局刷新（也叫页面跳转）通过页面跳转实现整个页面的刷新

Ajax示例

<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
//使用jquery调用Ajax引擎
$.ajax({
	type:"POST",
	url:"Servletaaa",
	//获得后台信息，渲染到前台页面
	success:function(msg){
		$("#a1").text(msg);
	}
})
</script>

Servletaaa.java

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		try {
			Thread.sleep(5000);
		} catch (InterruptedException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		response.getWriter().append("这里是Servletaaa");
		response.getWriter().append("456");
	}