Блог

В моем приложении у меня есть веб-сайт в одном поддомене (dev.u413.com ) и я использую jQuery для отправки ajax-запроса к JSON api в другом поддомене (api.u413.com ). Когда я проверяю запросы в Chrome dev tools и Firefox Firebug, кажется, что мои запросы предотвращаются Access-Control-Allowed-Origin . Я установил document.domain суффикс текущего домена: document.domain = 'u413.com'; .

Вот мой запрос:

     $.ajax({
        dataType: 'json',
        data: { parseAsHtml: true, cli: 'help' },
        url: 'http://api.u413.com/',
        success: function (response) {
            alert(response.Command);
        }
    });
  

Если я изменю запрос ajax, чтобы он находился в том же домене, запрос будет выполнен успешно.

     $.ajax({
        dataType: 'json',
        crossDomain: false,
        data: { parseAsHtml: true, cli: 'help' },
        url: 'http://dev.u413.com/',
        success: function (response) {
            alert(response.Command);
        }
    });
  

Почему это происходит? Браузер не должен жаловаться на междоменные проблемы, поскольку я установил document.domain общий суффикс для обоих поддоменов в соответствии с рекомендациями по политике одного и того же источника.

В настоящее время у меня есть приложение, работающее с jsonp, но я чувствую, что правильные запросы ajax должны работать в соответствии с той же политикой происхождения, которую я ссылал выше. Я бы предпочел не использовать jsonp, если мне это не нужно. Разве невозможно отправлять регулярные ajax-запросы через поддомены?

document.domain не работает с AJAX. Он предназначен для междоменной связи iframe и window. В вашем случае вы нарушаете ту же политику происхождения (последняя строка таблицы), поэтому вам нужно использовать либо JSONP, либо серверный мост.

Вот очень хорошее руководство, которое иллюстрирует различные методы для достижения междоменных AJAX-запросов.

одна и та же политика происхождения — одна из самых неприятных тем, связанных с браузером, с которыми мне приходилось сталкиваться. Мне кажется глупым, что 2 сервера в одном домене не могут обмениваться данными. К сожалению, одна и та же политика происхождения рассматривает даже 2 запроса к одному и тому же серверу, но на другом порту, как нарушение одной и той же политики происхождения. Я думаю, что это улучшится в будущих браузерах:

http://www.html5rocks.com/en/tutorials/file/xhr2/

поиск: совместное использование ресурсов разных источников (CORS)

по сути, вашему серверу просто нужно установить заголовок ответа, в котором говорится: «Да, можно разрешить междоменные или междоменные вызовы на сервер xyz».

Пройдет некоторое время, прежде чем все браузеры поддержат это, я уверен (и, черт возьми, я должен поддерживать ie8, пока большинство наших пользователей все равно не отключат его), но, по крайней мере, есть свет в конце туннеля.

Вам также необходимо добавить document.domain = 'u413.com в свой другой поддомен.

Разве невозможно отправлять регулярные ajax-запросы через поддомены?

Технически это не AJAX, но вы можете имитировать AJAX-запрос, успешно отправив форму в междоменном режиме. Недостатком является то, что вы не можете получить доступ к ответу, и это приведет к перенаправлению страницы на ACTION URL формы.

Вместо этого:

 jQuery.post('https://www.com',
    'offerCode':523153,
    'accountNumber':'',
    '_item.x':'42',
    '_item.y':'21'
});
  

Используйте это:

 jQuery('<form action="https://www.com" method="POST">
      <input type="text" name="offerCode" value="523153">
      <input type="text" name="accountNumber" value="">
      <input type="text" name="_item.x" value="42">
      <input type="text" name="_item.y" value="21">
    </form>').trigger('submit');