ajax防重复提交

ajax防重复提交，主要是为解决前端防重问题，前端防重有多种方式。如button置为disabled。以下介绍一种js防重，写一段公用的js代码，只要发起ajax请求时，第一次访问请求未返回，后面多次点击请求无效，必须等待第一次请求返回之后才能发起后续请求。

优点:简单，有防重js代码后，不用在写任何防重动作
缺点:不会把button置为disabled,button仍可以点击，只是不会发出任何请求

js代码:

var pendingRequests = {};
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
	var key = options.url;
	if (!pendingRequests[key]) {
		pendingRequests[key] = jqXHR;
	} else {
		jqXHR.abort(); //放弃后触发的提交
		//pendingRequests[key].abort(); // 放弃先触发的提交
	}

	var complete = options.complete;
	options.complete = function(jqXHR, textStatus) {
		pendingRequests[key] = null;
		if ($.isFunction(complete)) {
			complete.apply(this, arguments);
		}
	};
});

注意:只要相同接口请求发出，后续请求即使参数不同，也必须等待第一次请求响应后才可后续请求。