Генеруємо файли за допомогою javascript

Для організації подібної системи потрібно написати скрипт, який зробить вибірку з бази даних, запише отримані результати в файл і дасть його на скачку користувачеві. У цьому уроці, ми продемонструємо новий підхід до цього завдання.

Почнемо роботу з написання простого HTML коду, який буде містити текстове поле і кнопку.

index.html

У цьому прикладі ми використовуємо doctype HTML5 для того, щоб мати можливість користуватися новими технологіями. Для того щоб все працювало і в IE, нам необхідно підключити спеціальний HTML5 скрипт.

В самому кінці файлу ми додамо підключення до jQuery, плагін generateFile, який напишемо трохи пізніше і script.js звідки буде вестися управління програмою.

Генеруємо файли за допомогою javascript

download.php

У цьому PHP скрипт ми створюємо ім'я файлу і генеруємо необхідні нам заголовки. Плагін, який ми напишемо, буде передавати параметри через POST запит: filename і content. Скрипт буде зчитувати отримані дані, після чого створить заголовки і віддасть сформований файл на скачку.

Як ви вже зрозуміли, наш плагін робить POST запит до файлу download.php. Для передачі даних ми могли б використовувати AJAX, але не цього разу.

У нашому прикладі ми будемо генерувати прихований iframe, куди будемо записувати дані з форми, а потім відправляти їх через POST запит.

Давайте, нарешті, приступимо:

assets / jquery.generateFile.js

Зверніть увагу на функцію setTimeout (). Без неї ми не зможемо скористатися iframe в Internet Explorer. У нашому випадку ми трохи тягнемо час для того, щоб DOM сформувався до кінця.

А ось і застосування нашого плагіна:

assets / script.js

Коли Ви телефонуєте $ .generateFile, вам необхідно передати ім'я файлу і текст файлу download.php.

Подібним чином можна створити генерацію doc файлів або файлів інших форматів, заснованих на Microsoft Office XML. Сподіваюся, урок був для вас корисний.

Коли мова йде про безпеку веб-сайту, то фраза "фільтруйте все, екрануйте все" завжди буде актуальна. Сьогодні поговоримо про фільтрації даних.

  • Expressive 2 підтримує можливість підключення інших ZF компонент за спеціальною схемою. Не всім подобається це рішення. У цій статті ми розповімо як поліпшили процес підключення декількох модулів.

  • Припустимо, що вам необхідно відправити якусь інформацію в Google Analytics з серверного скрипта. Як це зробити. Відповідь в цій замітці.

  • Підбірка з декількох видів PHP пісочниць. На деяких ви в режимі online зможете потестить свій код, але є так само рішення, які можна впровадити на свій сайт.

    Генеруємо файли за допомогою javascript

    За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

    Генеруємо файли за допомогою javascript

    Генеруємо файли за допомогою javascript

    Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

    Генеруємо файли за допомогою javascript

    Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

    Генеруємо файли за допомогою javascript

    Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!

    Схожі статті