Подгрузка html шаблона

262
04 августа 2017, 02:45

Подскажите как правильно организовать загрузку html файла средствами js. Т.е на сервере есть html-шаблон. Его нужно подтянуть, сделать модификацию и вывести в браузер.

Answer 1

Я бы сделал как-то так:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.ajax({url: "demo_test.txt", success: function(result){
     // здесь обрабатываем загруженную страницу                
     $("#div1").html(result);
        }});
    });
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
Answer 2
<div id="loaded-template"></div>
<script type="text/javascript">
    $('#loaded-template').load('template.html');
</script>
READ ALSO
Бесконечный перебор массива
javascript

Бесконечный перебор массива

Дан цикл с большим количеством итерацийДан массив с четырьмя элементами

 588
Как сделать мой чат глобальным?
javascript

Как сделать мой чат глобальным?

 257
Скрипт уведомления на Javascript [требует правки]
javascript

Скрипт уведомления на Javascript [требует правки]

Есть таблица пользователей у которых есть непогашенный кредитВ этой таблице есть столбец date здесь отображается дата когда должник должен...

 211
Сократить (оптимизировать) функцию jQuery
javascript

Сократить (оптимизировать) функцию jQuery

Имеется три элемента (изображение, заголовок и блок), которым необходимо добавлять/удалять класс active в зависимости от hover

 302