Deferred objects. Chaining functions
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="container">
<div class="row">
<div class="span2">
<a href="#" id="second-call" class="btn btn-primary btn-large">Segunda llamada</a>
</div>
</div>
</div>
CSS
.row {
margin-bottom:20px;
}
JavaScript
var secondCall = function(){
var secondAjaxCall = $.ajax({
url: '/echo/json/',
type: 'POST',
data: {
json: JSON.stringify({name: 'veamospues', url: 'http://www.veamospues.wordpress.com'}),
delay: 3
}
});
secondAjaxCall.done(function(data){
alert(data.name);
});
secondAjaxCall.done(function(data){
alert(data.url);
});
};
$(document).ready(function(){
$('#second-call').click(secondCall);
});