0

Добрый день. Есть файл на серве http://...../test.txt

Файл содержит только одну строку

Как содержимое этого файла передать переменной (например test) в js?

0

4 ответа 4

5

Понадобится промежуточный элемент, куда будем загружать данные из файла.
Пусть у него будет определенный id. Например, "temp".
Пусть файл, откуда загружаем данные, называется "test.txt" и содержит одну строчку: "123456"

Пример загрузки данных на jQuery:

var myVar = 0;
// Создали промежуточный блок div#temp
var tempDiv = $('body').append($('<div/>').attr('id', 'temp')).find('#temp');
// Загрузили данные в этот блок
tempDiv.load("/test.txt");
// Записали ответ в переменную
myVar = tempDiv.text();
// Удалили промежуточный блок
tempDiv.remove();

console.log(myVar); // Выведет 123456 (string)
1
  • Мне кажется этот метод странным. И напоминает буферезацию вывода PHP и её использование в неуместных местах. Я думаю, что данный метод сделали для подгрузки каких-то отдельных блоков сайта. Но чисто моё мнение, может метод и хорош, т.к. не требует серверного языка, просто мне нравится когда в программировании всё используется по назначению.
    – iproger
    14 мая 2014 в 14:16
5

Через JS содержимое не вытащить. Нужно использовать AJAX
Примерный код JS (с использованием jQuery):

var test;
$.ajax({
        url: "test.txt",
        dataType: "text",
        async: true,
        success: function(msg){
            test = msg;
            alert('Содержимое файла: '+test);
        }
    });
2
  • То есть по вашему асинхронный запрос к публичному файл не пройдет?
    – etki
    14 мая 2014 в 10:31
  • Да, спасибо, точно
    – iproger
    14 мая 2014 в 14:21
1

jQuery, загрузить в переменную:

$.get( "file.txt", function( data ) {
  consoile.log( data );
});

вставит содержимое файла в элемент:

$( "#id" ).load( "file.txt" );

можно выбрать элемент html-разметки из этого файла:

$( "#id" ).load( "file.html", "#content" );

но файл всё равно будет загружаться целиком, так как JS-код в данном случае выполняется на стороне клиента.

0
var html = $.ajax({
  url: "some.php",
  async: false
 }).responseText;

Некоторые примеры

2

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.