Ajax/jQuery - загрузить содержимое веб-страницы в div на загрузку страницы?

Без использования iframes можно загрузить содержимое

<div id="siteloader"></div>

С внешним сайтом, например. somesitehere.com

Когда страница загружается? - Я знаю, как загружать содержимое из файла, но не был уверен, как загрузить весь сайт?

Большое спасибо,

Ответы

Ответ 1

Это можно обойтись без iframe. jQuery используется, поскольку он упоминается в названии.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Load remote content into object element</title>
  </head>
  <body>
    <div id="siteloader"></div>
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
      $("#siteloader").html('<object data="http://tired.com/">');
    </script>
  </body>
</html>

Ответ 2

Взгляните на функцию jQuery.load():

<script>
    $(function(){
        $('#siteloader').load('http://www.somesitehere.com');
    });
</script>

Однако это работает только в одном домене JS файла.

Ответ 3

С помощью jQuery возможно, однако, не используя ajax.

function LoadPage(){
  $.get('http://a_site.com/a_page.html', function(data) {
    $('#siteloader').html(data);
  });
}

И затем поместите onload="LoadPage()" в тег body.

Хотя, если вы будете следовать этому маршруту, версия PHP может быть лучше:

echo htmlspecialchars(file_get_contents("some URL"));

Ответ 4

Вы не можете вводить контент с другого сайта (домена) с помощью AJAX. Причина, по которой iFrame подходит для таких вещей, заключается в том, что вы можете указать источник для другого домена.