2016-09-15 2 views
0

Позвольте мне держать это простой и прямой ..Печать динамически созданную страницу с помощью Javascript

  1. У нас есть кнопка печати в PAGE1

  2. У нас есть PAGE2, которые имеют данные, полученные с помощью некоторых JSON и другие вещи.

  3. Мы хотим напечатать страницу PAGE2, когда я нажимаю кнопку на странице PAGE1. (Использование Javascript/JQuery)

Просьба дать представление об этой функции.

Спасибо.

+0

Я изучаю Javascript .. Я в порядке с загрузкой данных из json, создающих некоторые вызовы ajax ... Я мог только распечатать текущую страницу ... и я застреваю при печати страницы, которая является динамической (что не является на экране) –

+0

Зависит от того, как реализована ваша разбивка на страницы. Больше. в частности, это одностраничное приложение (синтетические страницы в одном документе) или традиционное многостраничное приложение (полная перезагрузка документа)? –

+0

Просто создайте 'html', когда вы нажимаете кнопку печати. –

ответ

1

Чтобы напечатать страницу, не показывая вам нужно использовать старый хак, скрытые фреймы.

Если вы поместите вызов «onload» на window.print() на странице, которую вы хотите распечатать, вы можете просто нажать на свою кнопку для скрытия iframe (1x1) для загрузки этой страницы. Ваш браузер заблокирует любую попытку XSS, чтобы javascript вызывал операцию печати на загружаемой странице.

Альтернативно, дочерняя страница обычно может также обращаться к родительской странице (если она находится в одном домене), чтобы вы могли также иметь скрытую дочернюю страницу в течение всего времени (но скрыто) и зарегистрировать событие клика слушателя на родительской странице.