У меня есть файл, который я получил в Интернете со списком всех городов Франции (36 тыс. Записей)
файл выглядит следующим образом
[{"ville_code_postal": "01190","ville_nom_reel": "Ozan", "ville_longitude_deg": "4.91667", "ville_latitude_deg": "46.3833"}
Jquery
Я выполняю синтаксический анализ, а затем включаю результатв блоке ul
let jsurl = '{/literal}{$urls.js_url}{literal}';
var ufcities;
$.getJSON(
jsurl+'villes_france.json',
function(ufd) {
ufcities = ufd;
$.each(ufcities,function(i,o) {
$('.list').append("<li><strong>"+o.ville_nom_reel+"</strong><i>"+o.ville_code_postal+"</i></li>");
});
}
);
Метод $.each()
занимает более минуты, чтобы напечатать весь список в блоке ul
, и страница останавливается в течение этого длительного процесса
Am.Я что-то здесь упустил?Есть ли способ сделать это правильно?