«
»

Как сделать ajax-запрос на другой домен?

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

Погуглив и проведя ряд экспериментов у меня получилось вот что.

Примечание: Ниже я приведу готовое решение. А для желающих обрести теоретическую подкованность, предлагаю к прочтению:

Итак, для отправки запросов я воспользуюсь библиотекой jQuery. С версии 1.2 эта библиотека поддерживает JSONP нативно. Вот, собственно сам код для выполнения запроса:

$.getJSON("http://server.ru/logger.php?callback=?", function(data){
    // тут обрабатываем полученные данные
});

Обратите внимание на параметр «callback=?» в адресе, на который отправляется запрос. Вместо вопроса jquery подставит название callback-функции. Эта callback-функция будет вызвана при получении ответа от сервера. Учтем это в серверной части.

<?php
    echo $_GET['callback']."({param1:'value',param2:0});";
?>

Т.е. выход скрипта должен генерировать не просто JSON, а вызов callback-функции и передачей ей параметров, которые нужно передать от сервера клиенту.

Вот, собственно и вся премудрость. Если возникнут вопросы, задавайте в комментариях, я постараюсь на них ответить

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru
Print
1 звезда2 звезды3 звезды4 звезды5 звезд (9 голосов, средний: 3.67 из 5)
Loading ... Loading ...

Метки: , ,



Запись создана: Пятница, 11 Июль 2008 в 21:45 и находится в рубриках javascript. Вы можете следить за комментариями к этой записи через ленту RSS 2.0. Вы можете оставить отзыв, или trackback с вашего собственного сайта.

13 комментариев на “Как сделать ajax-запрос на другой домен?”

  1. Bercut пишет:
    26.02.2009 в 18:47

    не работает в IE6 из-за ошибки в библиотеке jQuery

    Ответить
  2. Лобач Олег пишет:
    03.03.2009 в 13:01

    А версия библиотеки какая?

    Ответить
  3. poRAmidol пишет:
    13.04.2009 в 17:05

    Спасибо, а IE6 идет лесом пусть ;-))

    Ответить
  4. omagicall пишет:
    28.06.2010 в 14:52

    А у меня возникает ошибка «invalid label», причем использование функции eval проблему не решает...

    Ответить
    • Лобач Олег пишет:
      28.06.2010 в 14:57

      Эм... а поподробней?

      Ответить
      • omagicall пишет:
        28.06.2010 в 15:44

        На своем одном сайте мне необходимо получить данные с другого.

        Код следующий: 

        $(document).ready(function() { 
        $.getJSON('http://mysite.ru/test.php?callback=?', function(json) { 
            $("div#result").html(json.qwer); 
        }); 
});

        test.php 

        $arr = array ("qwer"=&gt;"test_json_respons"); 
echo json_encode($arr);

        Но при получении ответа возникает ошибка: Firebug пишет 'Invalid Label'. и потом мою json-строку.

        Причем это происходит только если посылать запрос на другой домен (используя '?callback=?') ,

        Если test.php использовть на этом же домене (т.е. $.getJSON ('test.php', function (json) {...}) ошибки не возникает.

        Чтоб прочистить json -данные использовала функцию eval:

        var response = eval ( '(' + json + ')' );

        $(«div#result»).html (response.qwer);

        но это не дало никакого результата.

        Ответить
        • Лобач Олег пишет:
          28.06.2010 в 16:43

          А если в test.php написать следующее: 

          <?php
$arr = array («qwer»=>"test_json_respons");
echo $_GET['callback'].json_encode ($arr);
?>

          Ответить
          • omagicall пишет:
            28.06.2010 в 16:50

            Тогда возникает ошибка : «missing ; before statement» — потому что дальше выводится строка jsonp137773236376{"qwer":"test_json_respons"}

            Ответить
            • Лобач Олег пишет:
              28.06.2010 в 16:56

              Прошу прощения, поторопился немного.

              Вот правильный вариант: 

              <?php
    $arr = array («qwer»=>"test_json_respons");
    echo $_GET['callback'].'('.json_encode ($arr).');';
?>

              Ответить
              • omagicall пишет:
                28.06.2010 в 17:08

                Спасибо! так работает нормельно)

                Но это для тестирования...

                а на практике мне требуется отправить запрос на другой сайт, от которого данные приходят в формате json, т.е. могу ли я на своем сайте уже обработать готовый json-ответ? т.е. непосредственно не правя ничего в test.php?

                Ответить
                • Лобач Олег пишет:
                  28.06.2010 в 17:21

                  Видимо тут без скрипта-прокси не обойтись, т.к. политика безопастности запрещает запросы на «чужие» домены. Если есть возможность модифицировать ответ сайта-источника или у него есть поддержка JSONP, то можно воспользоваться JSONP. Иначе придется данные получать скриптом на сервере, а затем отдавать клиенту Вашего сайта.

                  Ответить
      • omagicall пишет:
        28.06.2010 в 15:46

        На своем одном сайте мне необходимо получить данные с другого.

        Но при получении ответа возникает ошибка: Firebug пишет 'Invalid Label'. и потом мою json-строку.

        Причем это происходит только если посылать запрос на другой домен (используя '?callback=?') ,

        Если test.php использовть на этом же домене (т.е. $.getJSON ('test.php', function (json) {...}) ошибки не возникает.

        Чтоб прочистить json -данные пробовала использовать функцию eval:

        var response = eval ( '(' + json + ')' );

        $(«div#result»).html (response.qwer);

        но это не дало никакого результата.

        Ответить

Оставить комментарий