альтернативы фреймам для включения контента с разных серверов - PullRequest
2 голосов
/ 04 октября 2011

Мне нужно сделать серию веб-страниц.Каждый с заголовком, приходящим с веб-сайта, и содержимым, приходящим с html-страницы в мой dropbox / public.Я бы просто использовал кадры, но они устарели.

Поскольку содержание html имеет другой размер.Таким образом, iFrame не кажется правильным инструментом.

Какие у меня есть альтернативы?

Многие люди, похоже, предложили в комментариях ajax с jsonp.К сожалению, я совершенно новичок в этих методах, поэтому мне нужен пример, чтобы скопировать и затем работать с ним.

Спасибо, Пьетро

1 Ответ

2 голосов
/ 26 января 2012

У вас должна быть библиотека Jquery на главной странице.Скопируйте приведенный выше код в заголовок вашей страницы:

<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>

Создать div с идентификатором response:

<div id="response"></div>

JQuery имеет функцию AJAX под названием «загрузка»,эта функция добавляется в селектор, куда вы хотите загрузить страницу, в этом случае мы хотим, чтобы содержимое файла «emple.html »загружалось в тег с идентификатором« response ».

<script>

$(document).ready(function(){
    // load exemple page when the page loads
    $("#response").load("exemple.html");
});

</script>

Также вы можете загрузить контент, когда нажата ссылка с главной страницы:

<script>

$("#exemple").click(function(){
    // load exemple page on click
        $("#response").load("exemple.html");
    });

</script>

Для этого вам необходимо добавить в свой HTML-код ссылку с id="exemple"

<a href="#" id="exemple">Click to load the exemple page</a>

Надеюсь, это поможет вам!

...