推荐一个常用的 jquery 加载效果插件，很适合开发中使用。

# 要引入这个插件的 css 和 js:

	<link href="<%=path %>/css/showLoading.css" rel="stylesheet" media="screen" />
	<script type="text/javascript" src="<%=path %>/js/jquery.showLoading.min.js"></script>

# 使用的时候代码如下:

	$(".wrapper").showLoading(); // 展示加载效果 wrapper 为你需要加载效果的 div，也可以用 body
	$(".wrapper").hideLoading(); // 取消加载效果

搭配 ajaX 的 beforeSend 提高用户体验：

	// 提交表单数据到后台处理
	$.ajax({
	type: "post",
	data: studentInfo,
	dataType:"json",
	url: "/Home/Submit",
	beforeSend: function () {
	// 禁用按钮防止重复提交
	$(".wrapper").showLoading();
	$("#submit").attr({ disabled: "disabled" });
	},
	success: function (data) {
	if (data == "Success") {
	// 清空输入框
	clearBox();
	}
	},
	complete: function () {
	$(".wrapper").hideLoading();
	$("#submit").removeAttr("disabled");
	},
	error: function (data) {
	console.info("error: " + data.responseText);
	}
	});

jQuery 是经常使用的一个开源 js 框架，其中的 $.ajax 请求中有一个 beforeSend 方法，用于在向服务器发送请求前执行一些动作。