Javaweb ---- Ajax

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javaweb ---- Ajax，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1458字，纯文字阅读大概需要3分钟。

内容图文

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");
	}

内容总结

以上是互联网集市为您收集整理的Javaweb ---- Ajax全部内容，希望文章能够帮你解决Javaweb ---- Ajax所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---