1

Как в JavaScript вывести на страницу "Ожидаете...", Потом стереть этот текст и загрузить основной HTML код, без перехода между страницами?

6
  • Вы хотите SPA реализовать? 17 сен 2018 в 15:44
  • Если это так называется, то да 17 сен 2018 в 15:56
  • Просто из описание вопроса, не очень понятно что именно нужно... 17 сен 2018 в 15:57
  • но если нужно SPA (Single Page Application) смотрите в сторону Vue.js, Angular, React 17 сен 2018 в 15:57
  • Если я в <head> размещу document.write("Ожидайте..."), то как потом удалить "Ожидайте...", чтобы прогрузился основной код? 17 сен 2018 в 15:58

2 ответа 2

2

document.write("<div class='loader'>Ожидайте...</div>") и этот код чтобы удалился .loader после загрузки

window.onload = function() {
  var loader = document.querySelector('.loader');
  loader.remove();
};
3
  • Сначало появляется Ожидайте... потом сразу появляется основной текст, и Ожидайте... не удаляется 17 сен 2018 в 16:14
  • 1
    А основной текст откуда берётся? 17 сен 2018 в 16:18
  • Уже разобрался, спасибо. 17 сен 2018 в 16:54
2

$.get('https://jsonplaceholder.typicode.com/todos/1', {}, function (data) {
  $('#loading').css('display', 'none')
  $('#result').text('Результат: ' + data.title)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="loading">
  Загрузка...
</div>
<div id="result">

</div>

Ваш ответ

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

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