Использование .ajax() для загрузки удаленного URL-адреса - не работает

Question

Я пытаюсь загрузить удаленный URL (или, скорее, просто проверить, существует ли удаленная страница).

Это работает просто отлично:

$(function() {  
    $.ajax({ 
     url:'localtest.html', 
     type: 'html', 
     success: function(content,code) { 
      alert(code); 
      $('body').html(content); 
     } 
    });   
}); 

Но своп в удаленном URL, и я ничего не получаю:

$(function() {  
    $.ajax({ 
     url:'http://www.google.com/', 
     type: 'html', 
     success: function(content,code) { 
      alert(code); 
      $('body').html(content); 
     } 
    });   
}); 

Есть ли способ сделать это?

Answer 1

AJAX не поддерживает перекрестные доменные звонки по соображениям безопасности.

Традиционный путь вокруг него с помощью jsonp

Answer 2

браузеров предотвратить Ajax доступа к ресурсам междоменных (СОП = Same Origin Policy). Он будет работать, только если сервер настроен для «Access-Control-Allow-Origin», указывающего на ваш домен (или * или аналогичный).

Answer 3

Это связано с тем, что браузер не разрешает межсайтовые запросы, если удаленный сервер явно не разрешает его, отправив заголовок Access-Control-Allow-Origin. Если вы просто хотите проверить существование, вы можете загрузить URL-адрес в теге изображения с помощью события onload и onerror. Однако вы не сможете получить доступ к содержимому удаленного URL; это для безопасности. В противном случае, например, вы могли бы загрузить facebook и прочитать чью-то стену, не зная.

Answer 4

Это неправильный вызов ajax. Тип должен быть «GET», если вы выполняете операцию поиска. То, что должно быть «html», является атрибутом dataType.

$.ajax({ 
     url:'http://www.google.com/', 
     type: 'GET' 
     dataType: 'html', 
     success:function(content,code) 
     { 
      alert(code); 
      $('body').html(content); 
     } 
     });   
    }); 

а также, как кто-нибудь добавил, так как вы делаете вызов google.com, вы должны предоставить JSONP обратный вызов, из-за того же происхождения policy..hope, что помогает.

Answer 5

Использовать атрибут в вызове AJAX.

crossDomain: true 

И удостоверьтесь, что метатег данных html-страницы, где вы загружаете содержимое.

Answer 6

Из-за соображений безопасности AJAX не поддерживает CORS (совместное использование ресурсов скрещиванием).