Внешний сценарий по выбору пользователя

[ValMal]

есть огромный массив (380 000 строк по 3 элемента в каждой - фактически 3 массива). Знаю про PHP и пр., понимаю, что можно раскидать по разным HTML и перезагружать страницы... НО НЕОБХОДИМО реализовать именно средствами JS.

Как вариант: <select> - меню, где каждая строка - выбор первой... второй... третьей... и т.д. сотни элементов массива.. пользователь выбирает необходимый набор данных, ТОЛЬКО ОНИ (часть массива) подгружаются из внешнего файла JS. Понимаю, что файлов JS на сервере будет мильон пятьсот и еще половина вагона... массив дробится и генерируется в файлы автоматически, так что это не проблема. Проблема в том, чтоб прописать подгрузку внешних сценариев не всех разом (20 мб в тестовом формате), а только того файла, который выбран пользователем.

Другими словами: если нажата кнопка1, то подружать сценарий1, если нажата кнопка2, то к сценарию1 не обращаемся, сразу подгружаем сценарий2. Если нажата кнопка 500, то обращаемся к сценарий500, не затрагивая (именно НЕ ЗАТРАГИВАЯ) остальных сценариев если они до этого не были подгружены.

сам пробовал думать, искать... нифигачит

[danik.js]

Так массив или скрипт? Я не понял нифига. И можете пояснить зачем вам передавать клиенту такие большие объемы данных?

[ValMal]

В том и цель - чтоб не передавать клиенту лишние данные, а давать только 100 элементов (допустим). Нажал на вторую кнопку - следующие 100 элементов... и т.д. МАССИВ размещен во внешних JS файлах, раздроблен по 100 элементов.

Библиотека..... каталог книг разбит по алфавиту. Нажимаем "А" - подгружаются только данные из файла A.JS. Нажимаем "B" - подгружаются данные из B.JS (кроме массива в файлах находятся в т.ч. уникальные скрипты, но это к вопросу отношения не имеет, после выборочной подгрузки файлов JS решится "автоматом")

[danik.js]

Ну JS для этого не очень подходит. Я бы упаковывал массив в JSON и обязательно устанавливал заголовки для кэширования. И обязательно жать gzip'ом. Так можно добиться быстрой загрузки. Подгружать естесственно XMLHttpRequest'ом.

[ValMal]

"20 мб в текстовом формате" - без PHP эти данные надо считать... JSON хорош для кодирования на основе уже полученных данных. При использовании PHP клиент получает "выборку", а не весь объем, поэтому было бы сладко, НО повторю вопрос - СРЕДСТВАМИ JS, а следовательно задача ПОЛУЧЕНИЯ данных через JSON решена не будет.

[danik.js]

А причем тут PHP? Ок, файлы формируются единожды статически. Ну прекрасно, в чем сложность?

[ValMal]

А причем тут PHP? Ок, файлы формируются единожды статически. Ну прекрасно, в чем сложность?

Файлы формируются статически. Сложность в том, что не надо передавать весь объем, надо передать только часть данных. PHP при том, что с его помощью можно сформировать укороченный массив - через запрос к серверу. JSON упакует этот усеченный массив раза в 1,5... НО какой смысл упаковывать через JSON ВЕСЬ массив для последующей обработки JS??? Или я в танке, или одно из двух - НЕ нужна оптимизация передачи всего массива, нужна поэтапная загрузка, когда сам пользователь выбирает для себя с какой областью ему работать - без загрузки всего массива.

Решение "через жобор" сочинил, отрабатываю (если получится) - с использованием iframe, но чет смущабельное оно... Хотелось бы чего-нить более удобоваримого

[danik.js]

Ну так что мешает разбить массив на файлы a.json, b.json и т.д? А гзип как раз лучше настроить средствами вебсервера.

[ValMal]

массив записан
a[1]="546";b[1]="5675";c[1]="fhtf"

что даст его запись через JSON???
{"a[1]":"546","b[1]:5675","c[1]":"fhtf"}

очевидно, что вторая строка (JSON) длинее, чем то-же самое, записанное через JS. Можно избавиться от [] для укорачивания строк, но это-же можно сделать и в JS файлах, так что существенной разницы нет. Более того, если получится передать часть данных, можно БЕЗ переменных отдавать только структурированную последовательность "нао", "пног", "ер", подразумевая обработку строки на стороне клиента (для массива из 100 строк такая обработка будет занимать хз насколько мелкие доли секунды).

ОК, если так импонирует JSON (на мой взгляд, лишний для данного случая) - как без ифрейма забрать данные из определенного файла, не трогая остальные... а потом, изменив состояние <select> - забрать данные из другого файла (не суть, JS или JSON)?

Через файлы с .JS - не прокатывает, хотя и хотелось бы(((

[danik.js]

Ок, кавычки. На каждый ключ две ковычки. Сто ключей - двести кавычек - 200 байт. Включаем gzip - и двести байт ловко ужимаются в байт пять-шесть, не знаю. Ужас, правда?
Можно конечно и по топорному сделать, если есть желание. Не столь важно.
А подгрузка делается элементарно.

// фикс для IE8
XMLHttpRequest.prototype.DONE = 4;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if (this.readyState == this.DONE) {
      if (this.status !== 200) {
          alert('Ошибка , статус:' + this.status);
          return;
      }
      var data = JSON.parse(this.responseText);
      alert(JSON.stringify(data));
    }
}

xhr.open('GET', '/catalog/a.json');
xhr.send(null);