Ajax beforeSend提升用户体验

1.当网速差或服务端无响应的时候,为了防止用户不去反复的点击提交按钮,给服务器端造成压力,我们采取beforeSend来解决在服务器没有响应回来的时候按钮禁止点击的状态,以减小用户不停的请求给服务器端造成的压力
$.ajax({
				url: serverName + url,
				data: $.extend(param, {sid: id, st: token}),
				crossDomain: true,
				type: 'POST',
				dataType: 'json',
				beforeSend: function () {
			        // 禁用按钮防止重复提交
			    	$("#submit").attr({ disabled: "disabled" });
			    },
				complete: function(resp){
					alert(resp.getAllResponseHeaders());
				},
				success: function(data,request) {

					if (data.status == 'OK') {
						func1(data);
					} else {
}

2.常见的loading效果也可以在这时采用beforeSend方法来制作。

你可能感兴趣的:(JavaScript,Ajax)