Фокус с междоменным Ajax в Opera - PullRequest
Новая
       43

Фокус с междоменным Ajax в Opera

1 голос
/ 06 ноября 2010

Вам понадобится Opera 9.62, чтобы понять, о чем идет речь ... Потому что это единственный браузер, который ведет себя странно, когда я выполняю кросс-доменные вызовы JavaScript (с включенным Ajax).Пожалуйста, рассмотрите следующие три простых файла и разместите их в соответствующих доменах.

foo.html (родительский элемент boo.html iframe) в foo.example.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>foo</title>
<script type='text/javascript'>

    document.domain = 'example.com';

    function sendRequest() {
        window.frames['boo'].sendRequest();
    }

</script> 
<head>
<body>

    <input type="submit" value="sendRequest" onclick="sendRequest();" />

    <iframe name="boo" src="http://boo.example.com/boo.html"></iframe>

</body>
</html>

boo.html (iframe of foo.html) в boo.example.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>boo</title>
<script type='text/javascript'>

    document.domain = 'example.com';

    function sendRequest() {
        var request = null;

        if (window.XMLHttpRequest) { 
            request = new XMLHttpRequest(); 
        } else { 
            request = new ActiveXObject('Microsoft.XMLHTTP'); 
        }

        if (request) {
            request.open('GET', 'http://boo.example.com/helloworld.php', true); 

            request.onreadystatechange = function() {               
                if (request.readyState == 4) {
                    var result = request.responseText;

                    alert(result);
                }
            }

            request.send('');
        }
    }

</script> 
<head>
<body>
</body>
</html>

helloworld.php в boo.example.com

<?php
    echo 'Hello World!';
?>

Если вы тестируете вышеуказанный код в браузерах, отличных от Opera (протестировано на версии 9.62), оно работает как чудо (я тестировал вSafari, Firefox, Chrome).В Opera это не работает и выдается ошибка с сообщением о нарушении безопасности.Кто-нибудь знает, в чем дело?Я нашел решение проблемы, и я опубликую его здесь чуть позже ( Я также хотел бы увидеть ваши решения ), но я также хотел бы узнать больше о проблеме -Кто-нибудь может это объяснить?

NB : Я установил все файлы на своем собственном сервере, так что вы можете проверить это здесь

ОБНОВЛЕНИЕ : Я только что протестировал его на новейшей Opera 10.63 , и у него такой проблемы нет .Так что вам определенно нужно использовать Opera v9.62 для наблюдения за проблемой .

1 Ответ

0 голосов
/ 15 ноября 2010

В некоторых старых версиях Opera была известная ошибка, из-за которой настройка document.domain влияла на контекст безопасности для XMLHttpRequest. Следовательно, после установки document.domain скрипту больше не разрешается загружать содержимое с сервера, с которого он фактически пришел.

Рекомендованным решением является простое обновление до версии, не подверженной данной ошибке, однако, если вам абсолютно необходимо поддерживать 9.6x, вы можете легко обнаружить исключение и вернуться к использованию postMessage () для междоменной связи. (В такой старой версии вам нужно будет вызывать document.postMessage () - в более новых версиях это window.postMessage (), но в более старых версиях спецификации HTML5 он изначально был определен в документе.)

...