Почему не работает cross domain ajax jquery?

Question

[ClaraOswald]

имея такой код:

$.ajax({
    url: "http://example.com/",
    type: "GET",
    headers: {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Headers": "origin, content-type, accept"
    },
    success: function (responseData){
        console.log(responseData)
    }
});

я получаю ошибку:

XMLHttpRequest cannot load example.com. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'usa.planetmc.ru' is therefore not allowed access.

думал проблема может быть в том что хост локальный, залил на сервер та же история

Comments

[Сергей delphinpro]

эти заголовки должен отправлять второй сервер, а не вы. Иначе какой смысл запрещать кроссдоменные запросы? Логично?

Answer 1

[Ди Ма]

На сервере в htaccess должна быть строка
Header add Access-Control-Allow-Origin "*"

Данный заголовок вы должны ПОЛУЧИТЬ от домена, на который обращаетесь, а не слать его туда.

Comments

[Алексей Ярков]

Ваш ответ надо ОГРОМНЫМИ красными буквами выводить по центру экрана еще при написании подобного вопроса )))

[Ди Ма]

Алексей Ярков: Это называется Гугл. Там куча ответов на этот вопрос. Но вот не заработает, пока на майл.ру не спросишь)

[ClaraOswald]

Такого рода задача решалась мной не раз, но с этой проблемой я столкнулся в первые просто потому что такой сайт. Как оказалось что он при попытке парсить его с помощью js просто выдает 403, даже если использовать request js который парсит наверное почти все. В итоге использую curl.

[Ди Ма]

ClaraOswald: Т.е. у вас нет доступа к серверу? Если так, то беда, конечно..

[Ди Ма]

ClaraOswald: А что на счет jsonp?

// создаем функцию в глобальной видимости
function onData (data) { console.log(data); }

// создаем элемент script
var script = document.createElement("script");

// в url вшиваем данные, которые должен получить сервер
// и имя той самой функции
script.src = "site.ru/data?foo=bar&callback=onData";

// добавляем скрипт в head документа
// и клиент шлет запрос на сервер
document.head.appendChild(script); 


// Теперь сервер должен ответить выражением вызова функции, 
// и подставить данные ответа в качестве аргумента

// echo "onData({name: 'Jack'});";

// Тогда у клиента выполнится скрипт:
onData({name: 'Jack'});

// внутри этой функции мы и получим ответ

Answer 2

[holymotion]

Одно из решений, сделать прокси-сервер, который будет перенаправлять ваш основной запрос на необходимый вами ресурс.
Либо, если вы просто экспериментируете можете поставить расширение для хрома CORS