В чем ошибка AJAX-запроса?

Question

[Максим]

При выполнении запроса выдает ошибку, в чем причина?

XMLHttpRequest cannot load www.openrates.in.ua/rates. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'test' is therefore not allowed access.

$.ajax({
    type: 'GET',
    url: "http://www.openrates.in.ua/rates",
    dataType: 'json',
    cache: false,
    success: function(data) {
          console.log(data);
    }
});

Comments

[Виталий]

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

[Виталий]

Браузерная кросдоменка запрещена не просто так

Answer 1

[Алексей]

Английским по белому написано - отвечающий ресурс не выдает заголовок Access-Control-Allow-Origin, из-за чего ответ от него фильтруется и не передается скрипту.

Answer 2

[Макар Герасимов]

А если по простому: ресурс не разрешает забор информации

Добавьте в .htaccess сайта донора:

<IfModule mod_headers.c> 
    Header add Access-Control-Allow-Origin "*"
    Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
    Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
</IfModule>

Если только забираете информацию то укажите GET

Answer 3

[Влад]

Привет! Попробуй такую запись перед ajax запросом:

$.ajaxSetup({
	headers: {
    	'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
	}
});