Breaking News: Grepper is joining You.com. Read the official announcement!

perfect jquery ajax call example

Arun Maurya answered on November 24, 2022 Popularity 1/10 Helpfulness 1/10

answer perfect jquery ajax call example

perfect jquery ajax call example

Comment

$.ajax({
  type: 'POST',
  url: 'https://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>');
  }
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: kyleschaeffer.com

Tags: call javascript jquery-ajax perfect

Link to this answer
Share Copy Link

Contributed on Nov 24 2022

Arun Maurya

0 Answers Avg Quality 2/10

perfect jquery ajax call example

Contents

More Related Answers

perfect jquery ajax call example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.