Альтернативное решение для iframe?

Question

У меня есть сайт с панелью инструментов наверху. эта панель инструментов имеет выпадающий список. Когда пользователь выбирает раскрывающийся список, на основе выбора, вся страница обновляется, чтобы отображать новые данные.

Панель инструментов является частью кода сайта (HTML).

Вопрос: теперь я хочу, чтобы эта панель инструментов отделена от кода сайта, так как эта панель инструментов будет включена и для другого html. Я думал о том, что код панели инструментов как iframe. Это хорошая идея? какие проблемы и как включить новый iframe на другие веб-сайты, сложно?

Любые другие варианты, кроме iframe?

Answer 1

Вы можете и должны использовать AJAX для этого.

Есть веб-страницы с HTML (назовём это page1):

<h1>Hello world! And tool bar code is on this page...</h1> 

Затем в главном HTML файле вызвать page1 с помощью AJAX (Подробнее о AJAX here) и добавить его в HTML-код, как никогда вы хотели бы.

Answer 2

Лучшее, что нужно сделать, это использовать серверный язык, который вы используете, чтобы включить скрипт (например, toolbar.html) для вашей панели инструментов. Если вы хотите загрузить часть своей страницы, которая должна обновляться асинхронно, просто выполните идентификацию этой части и сделайте это с помощью javascript.