Как реализовать кроссдоменный ajax методом post?

Question

[newaitix]

Не могу сделать кроссдоменный запрос методом post. Возможно ли это реализовать ? Что необходимо на стороне сервера в ответе ?

var body = 'name=' + encodeURIComponent('111') +
  '&surname=' + encodeURIComponent('111');
      var xhr=new XMLHttpRequest();
      xhr.onreadystatechange=function(){
        if (this.readyState==4&&this.status==200){
          document.body.innerHTML=string;
        }
      };
      xhr.open('POST',items.url,true);
      xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
      xhr.send(body);

Answer 1

[Антон Иванов]

Вам нужно отправлять дополнительные заголовки. Почитайте про CORS

Comments

[newaitix]

имеете ввиду

xhr.setRequestHeader('Access-Control-Allow-Origin', '*');

?

[Константин Китманов]

newaitix, этот заголовок должен отправлять сервер.

[newaitix]

Константин Китманов, это понятно сервер отправляет такой заголовок. Но почему то все равно не работает. Ответ

Заблокирована загрузка смешанного активного содержимого «http://logreel.com/»

[Константин Китманов]

newaitix, "смешанное содержимое" обычно означает, что https-страница обращается к http -- грузит скрипты, картинки, ходит аяксом.

[newaitix]

Все разобрался

Answer 2

[Morfeey]

А лучше используй курлы.
например вот так:

function post($url, $data) {
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $response = curl_exec($ch);
    curl_close($ch);
    return $response;
}
$data = [
"json_string" = '{"key":"value"}';
];

post("my-second.domen/api.php", $data);

А на другой стороне уже обрабатывай как обычный $_POST["json_string"].

Comments

[Abcdefgk]

Я извиняюсь, в чём преимущество?

[Morfeey]

Abcdefgk, преимущевство в том, что некоторые браузеры не поддерживают кроссдоменный ajax.