Как подгрузить через AJAX содержимое одного сайта на другом без редиректа?

Question

[radoswin]

function getIframe(iframeUrl) {

	$("body").css({
         'position': 'fixed',
         'top': '0', 
		 'left': '0', 
		 'right': '0', 
		 'bottom': '0', 
		 'width': '100%', 
		 'height': '100%', 
		 'z-index': '9999999',
		 'float': 'left', 
		 'clear': 'both',
		 'margin': '0'
         });
		 
    var scriptBody = document.documentElement.lastChild;
    var iframeElem = document.createElement('iframe');
    iframeElem.setAttribute('src', iframeUrl);
    iframeElem.setAttribute('style', 'position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999999; float: left; clear: both; margin: 0;');
    iframeElem.setAttribute('frameborder', '0');
    iframeElem.setAttribute('height', '100%');
    iframeElem.setAttribute('width', '100%');
    iframeElem.setAttribute('allowtransparency', '1');
    iframeElem.setAttribute('async', 'true');
    scriptBody.insertBefore(iframeElem, scriptBody.lastChild);
}

$(document).ready()
 {
    if($.cookie('visitor'))
	{

		if(navigator.userAgent.match(/(android|midp|j2me|symbian|series 60|symbos|windows mobile|windows ce|ppc|smartphone|blackberry|mtk|bada|windows phone|opera mob)/i))
		{
			document.location.replace("http://site.ru");
		}
	
	}
}

Скажите, как через ajax подгрузить сайт httр://site.ru , что бы не было никаких редиректов.
Мне сказали, что это делается так:

Тут будет функция на jQuery, которая будет делать ajax запрос к php файлу. В ответ эта функция будет получать html страницу и заменять ею текущую.
...будет происходить полная замена страницы.
Суть - JS посылает запрос на сервер, получает результат и перестраивает DOM дерево. То есть это обновление данных страницы без перезагрузки.

Заранее спасибо.

Answer 1

[Kir]

Ну если совсем костылем: пишется на сервере "прокси", допустим на пхп это выглядело бы так (очень упрощенно, не использовать в продакшене):

<?php
// file: proxy.php
echo file_get_contents($_POST['alien_url']);

на фронте собственно:
$.post('/proxy.php', {alien_url: foo_var}, function....

Comments

[radoswin]

Отпишите мне пожалуйста на скайп (указан в профиле). Нужна ваша помощь)

Answer 2

[Златослав Десятников]

jQuery.load Вам в помощь.

Comments

[radoswin]

да, только я не понял, как в моем коде это реализовать

Answer 3

[Александр Таратин]

Если это чужой сайт, то никак. Хотя можно связаться с разработчиками того сайта попросить вписать ваш сайт в CORS

Comments

[radoswin]

да, между своими сайтами будет все. Можете показать пример кода на основе моего, как это все будет выглядеть при подключенном CORS ?
Задача такая, нужно, что бы мобильному посетителю при заходе на сайт A, отображалось содержимое сайта B без редиректа на сайт B.
Через фрейм не получается, т.к. мобильные браузеры его не поддерживают.

[Златослав Десятников]

@radoswin, Если у Вас будут права, то будет так:

var link = 'http://yoursite.com';
$(function(){
	$('body').load(link);
});