Отправка ajax-запроса на другой домен
Иногда бывает нужно отправить ajax-запрос на другой домен, чтобы динамически подгрузить оттуда данные. Однако, ajax этого сделать не позволяет в целях безопасности. Но в этой статье я покажу, как это ограничение можно обойти.
В основе лежит то, что хоть ajax и не позволяет отправлять запрос на другой домен, но PHP позволяет отправлять что угодно и куда угодно. Итак, алгоритм следующий:
- Отправить ajax-запрос скрипту на нашем домене.
- Скрипт на нашем домене отправляет любые запросы на другой домен и получает от него ответ, возвращая его.
- ajax принимает ответ от нашего скрипта с ответом от другого домена.
Вот такой простой алгоритм. Давайте его быстренько реализуем. Значит, сразу ajax:
<script type="text/javascript">
/* Данная функция создаёт кроссбраузерный объект XMLHTTP */
function getXmlHttp() {
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function send() {
var xmlhttp = getXmlHttp(); // Создаём объект XMLHTTP
xmlhttp.open('POST', 'test.php', true); // Открываем асинхронное соединение
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); // Отправляем кодировку
xmlhttp.send("site=" + encodeURIComponent("http://ya.ru/?a=5")); // Отправляем POST-запрос
xmlhttp.onreadystatechange = function() { // Ждём ответа от сервера
if (xmlhttp.readyState == 4) { // Ответ пришёл
if(xmlhttp.status == 200) { // Сервер вернул код 200 (что хорошо)
document.getElementById("yandex").innerHTML = xmlhttp.responseText; // Выводим ответ сервера
}
}
};
}
</script>
<div>
<input type="button" value="Отправить" onclick="send()" />
<div id="yandex"></div>
</div>
А теперь файл test.php, который и занимается отправкой запроса на другой домен:
<?php
echo file_get_contents($_POST["site"]); // Отправляем запрос и выводим ответ
?>
Всё, теперь при нажатии на кнопку "Отправить" у Вас будет открываться страница "http://ya.ru/?a=5". Как видите, отправить ajax-запрос на другой домен не составляет никакого труда.
-
Создано 10.05.2013 11:55:20
-
Михаил Русаков
Комментарии (12):
Статьи хорошие. Жаль, что редко только писать стали
Ответить
Уже года полтора пишу по 3 статьи в неделю.
Ответить
Забили, что, если кириллицу передавать, то нужно в php файле написать например так - $login = rawurldecode($_POST["login"]); if ($login == "админ") echo "error"; и в курсе Вашем ета деталь тоже упущена)
Ответить
Подскажите функция try {} catch (e) {} действует как if - else или нет?
Ответить
Доброго времени суток По сути да,практически аналогия только это работа с исключениями Советую прочесть: http://www.puzzleweb.ru/javascript/17_try_catch.php
Ответить
Этот Аякс-запрос будет работать только в Windows, или в любой другой ОС тоже.
Ответить
AJAX взаимодействует с сервером.Серверные технологии мультиосевые и не имеют отношения к операционной системе
Ответить
Я имел в виду сторону браузера. Просто меня смутил постоянный Microsoft при создании объекта xmlhttp для Аякса.
Ответить
это ActiveX WIN систем т.е. видите,там и Microsoft и MsXml2
Ответить
А как такой скрипт адаптировать под Андроид или Linux? Или там все будет работать?
Ответить
Не получается. Почему то не работает POST. Работает только GET. Что делать?
Ответить
Владимир, возможно Вы не верно что-то делаете? Это единственная причина.
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.