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

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

Прочитать файл

---

Решение. Для начала создаем текстовый файл. Назовем его, к примеру, data.txt. Содержимое файла может быть простым текстом, но может также содержать htm-теги. Для демо-варианта это простой текст, приведенный ниже.

Пример текстового файла.
Текст текстового файла для загрузки на страницу сайта. 
Это может быть простой текст или может содержать теги.

Дальше пишем скрипт загрузки файла, указывая путь к файлу, расположенному на вашем хостинге. Пример кода для нашего случая:

$(document).ready(function() {
 $("#readFile").click(function() {
 $.get('http://upbyte.net/files/txt/data.txt', function(data) {
 $("#container").html(data);
 }, 'text');
 });
});

Создаем и размещаем на странице кнопку для загрузки файла:
<button id="readFile">Прочитать файл</button> Дальше, в нужном месте размещаем контейнер, в котором будет отображаться содержимое загруженного текстового файла:
<div id="container"></div> Также вы можете использовать “append” вместо “html” для добавления содержимого несколько раз. И еще, для корректной работы требуется подключение библиотеки:
http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js