利用Jquery中ajax来实现局部刷新（异步刷新）

最新推荐文章于 2022-05-18 17:42:01 发布

小颖同学要加油哦

最新推荐文章于 2022-05-18 17:42:01 发布

阅读量1.4k

点赞数

本文链接：https://blog.youkuaiyun.com/qq_43412810/article/details/106298752

版权

该博客介绍了如何使用Jquery的Ajax方法进行页面局部刷新。通过$.ajax、$.get和$.post三种方式，详细阐述了如何设置请求参数、处理返回结果，以实现无闪烁的页面更新效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只对页面中一小块的内容刷新，并未对整个页面的更改，也就是页面不会闪动
使用ajax一般用来从服务端请求数据，来实现页面的局部刷新

在使用ajax之前要先引入Jquery

一，最常规的ajax
$.ajax({
url:请求服务器的地址,//在这里的服务器地址用的servlet
type:请求的方式,
data:请求的数据, //请求的数据可以是一个值也可以是多个值，当有多个值得时候{"a":a,"b":b},
success:function(result){//result为请求后的返回值，在后端一般用输出流的方式来返回
alert("请求成功");
},
error:function(){
alert("请求失败");
}
});

$(document).ready(function () {
	$("#1").click(function(){
		var a = 1;
		$.ajax({
		type: "get",
		url: "servlet1",
		data: "a="+a,
		success: function(result){
		             alert(result)
		  }
		  error:function(){
		                	
		  }               
	      });
	})
});

二，使用get简化ajax，请求的方式为get
使用get的时候在请求服务器地址的前面，不需要url，在请求数据的前面也不需要data
url和data的位置不能换，url在前面，返回只有success没有error。

$.get(
服务器地址，
请求的数据，
function(){
}
预期返回值类型（“xml”“json”“text”）
)

$.get(
	 "servlet1", 
	"a="+a,
	 function(result) {
	        alert(result);
	 } 
		         
 );

三，使用post简化ajax，请求的方式为post 和get类似
$.post(
服务器地址，
请求的数据，
success:function(){
}
预期返回值类型
)

$.post(
	 "servlet1"	, 
	"a="+a,
	 function(result) {
	        alert(result);
	 } 	         
 );