Как использовать Ajax и разместить запрос данных на другом URL?

Question

Как использовать Ajax и разместить запрос данных на другом URL?решить проблему AJAX

$.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){});
    });

Answer 1

Эта функция jQuery идеально подходит в том смысле, что она обрабатывает 99% всех запросов AJAX, которые вам когда-либо понадобятся, она включает в себя функцию успеха и неудачи, чтобы обеспечить пользователям необходимую обратную связь,и вы получите вращающееся загрузочное изображение во время обработки запроса на загрузку.

$.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>');
  }
});