Как упоминает Грег, решение Ajax не будет работать "из коробки" при попытке загрузки с удаленных серверов.
Если, однако, вы пытаетесь загрузить с того же сервера , это должно быть довольно просто. Я представляю этот ответ, чтобы показать, как это можно сделать с помощью jQuery всего за несколько строк кода.
<div id="placeholder">Please wait, loading...</div>
<script type="text/javascript" src="/path/to/jquery.js">
</script>
<script type="text/javascript>
$(document).ready(function() {
$('#placeholder').load('/path/to/my/locally-served/page.html');
});
</script>
Если вы пытаетесь загрузить ресурс с другого сервера, чем тот, на котором вы находитесь, одним из способов ограничения безопасности будет предложение прокси-сценария, который может извлечь удаленный контент с сервера и сделать похоже, что это из вашего собственного домена.
Вот документы по методу jQuery load
: http://docs.jquery.com/Ajax/load
Следует отметить еще одну приятную особенность, которая заключается в частичной загрузке страницы. Например, предположим, что ваша удаленная страница представляет собой полноценный HTML-документ, но вам нужно только содержимое одного элемента div на этой странице. Вы можете передать селектор методу load
, как в моем примере выше, и это еще больше упростит вашу задачу. Например,
$('#placeholder').load('/path/to/my/locally-served/page.html #someTargetDiv');
Удачи!
- Майк