A,B,Cのボタンを押した時はbuttonTask, Dのボタンを押した時はbuttonTask, buttonDTaskを実行します。
GET/POST、フォーム/JSONなど細かな違いはありますが、本質的な部分はご要望を満たしているのではないかと思います。
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script>
$(function() {
$.extend({
sequence: function() {
var tasks = Array.prototype.slice.call(arguments),
d = $.Deferred(),
p = d.promise();
$.each(tasks, function(i, task) {
p = p.pipe(task);
});
d.resolve();
return p;
}
});
var buttonTask = function() {
return $.getJSON('http://ip.jsontest.com').pipe(
function(res) { return res; },
function() { return 'button task failed!'; }
);
};
var buttonDTask = function() {
return $.getJSON('http://date.jsontest.com').pipe(
function(res) { return res; },
function() { return 'button D task failed!'; }
);
};
$('button').on('click', function() {
var s;
if ($(this).hasClass('D')) {
s = $.sequence(buttonTask, buttonDTask);
} else {
s = $.sequence(buttonTask);
}
s.fail(function(r) {
console.log('fail: ', r);
}).always(function(r) {
console.log('always: ', r);
});
});
});
</script>
</head>
<body>
<button>A</button>
<button>B</button>
<button>C</button>
<button class="D">D</button>
</body>
</html>
$.Deferred()
を使うとできます。こちらをごらんください。