Почему не работает функция на сайте?

Question

[varaksinaalla]

На сайте сделана функция автозаполнения полей городов (откуда и куда осуществляется полет). На denwer'е все прекрасно работало. Перенесли на сервер (agava) и ничего не работает, лишь вылезает сообщение в консоли "XMLHttpRequest cannot load err.agava.ru/vh/500.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'topbaza.ru' is therefore not allowed access." Чтобы это могло значить? Помогите пожалуйста. может какие статьи посоветуте почитать, дабы вникнуть в проблему. Заранее спасибо.

Answer 1

[WebDev]

Аяксом нельзя грузить данные с других доменов. Для этого нужно выставить заголовок Access-Control-Allow-Origin на домене, на который вы посылаете запрос.

Comments

[varaksinaalla]

А где конкретно его надо написать?

[Валентин Дубровский]

varaksinaalla: backend должен отдать этот заголовок

[WebDev]

Делайте запрос на свой же домен, а там на php уже делайте запрос с agava.ru

[varaksinaalla]

На js наверное примерно так:

var url = 'topbaza.ru';

function doCallOtherDomain(){
var XHR = window.XDomainRequest || window.XMLHttpRequest
var xhr = new XHR();
xhr.open('GET', url, true);
xhr.onload = function() {
document.getElementById('result').innerHTML = xhr.responseText
}
xhr.onerror = function() {
alert("Error")
}
xhr.send()
}

[varaksinaalla]

И на php так примерно:

<?php
header('Access-Control-Allow-Origin: www.agava.ru');
?>

[varaksinaalla]

Чет не работает. Что не так?

[WebDev]

Вы не поняли. Заголовок должен быть на agava.ru. Он должен разрешить вам обращаться к нему.

[WebDev]

Если agava.ru не установит для вашего домена такой заголовок, то вы пишите у себя php скрипт, который получает информацию с агавы, и к этому (своему же) скрипту уже обращаетесь через js.