Кодинг
★ Рубрика: Кодинг
★ Тема: jquery

Загрузка текстового файла на страницу

Задача: загрузить по нажатию кнопки содержимое текстового файла на html-страницу. Для того, чтобы увидеть демо-вариант подгрузки файла, нажмите кнопку "Прочитать файл".


Решение. Для начала создаем текстовый файл. Назовем его, к примеру, data.txt. Содержимое файла может быть простым текстом, но может также содержать htm-теги. Для демо-варианта это простой текст, приведенный ниже.
Пример текстового файла.
Текст текстового файла для загрузки на страницу сайта. 
Это может быть простой текст или может содержать теги.
Дальше пишем скрипт загрузки файла, указывая путь к файлу, расположенному на вашем хостинге. Пример кода для нашего случая:
$(document).ready(function() {
 $("#readFile").click(function() {
 $.get('http://upbyte.net/files/txt/data.txt', function(data) {
 $("#container").html(data);
 }, 'text');
 });
});
Создаем и размещаем на странице кнопку для загрузки файла:
Дальше, в нужном месте размещаем контейнер, в котором будет отображаться содержимое загруженного текстового файла:
Также вы можете использовать “append” вместо “html” для добавления содержимого несколько раз. И еще, для корректной работы требуется подключение библиотеки:
 Похожие публикации: jquery

Войдите, чтобы добавить Ваш ответ. [ Регистрация | Вход ]