Skip to content

Instantly share code, notes, and snippets.

@markmichon
Created September 10, 2013 14:24
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save markmichon/6510134 to your computer and use it in GitHub Desktop.
Save markmichon/6510134 to your computer and use it in GitHub Desktop.
$.ajax({
type: 'POST',
url: 'http://kyleschaeffer.com/feed/',
data: { postVar1: 'theValue1', postVar2: 'theValue2' },
beforeSend:function(){
// this is where we append a loading image
$('#ajax-panel').html('<div class="loading"><img src="/images/loading.gif" alt="Loading..." /></div>');
},
success:function(data){
// successful request; do something with the data
$('#ajax-panel').empty();
$(data).find('item').each(function(i){
$('#ajax-panel').append('<h4>' + $(this).find('title').text() + '</h4><p>' + $(this).find('link').text() + '</p>');
});
},
error:function(){
// failed request; give feedback to user
$('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
}
});
@iqbalmalik89
Copy link

Thanks buddy. Kyles site was down today and I copied code from here.

@moebaca
Copy link

moebaca commented Feb 16, 2017

Love it. Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment