У меня есть страница php, которая вычисляет длительный процесс загрузки страницы. Я попытался реализовать «ожидающий div» с js - однако страница все еще ждет завершения вычисления php и не показывает загрузочный div при его вычислении. здесь заказать мои элементы кода:Реализация загрузки div на php-странице не работает
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My site</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<style>
#load_screen{
background: #000;
height: 1600px;
width: 100%;
}
#loading{
color: #fff;
}
</style>
</head>
<body>
<div id="load_screen">
<div id="loading">calculating path</div>
</div>
<?php
//my php calculation and DB calls
?>
<div id="container" class="container">
</div>
<script>
window.addEventListener("load", function()
{
var load_screen = document.getElementById("load_screen");
document.body.removeChild(load_screen);
});
</script>
кто-нибудь знает, почему «загрузка» ДИВ теперь показывает и ждет страница PHP, чтобы полностью загрузить?
Как отправить запрос от JS на PHP? (Где ваш Ajax?) –
Я думаю, что PHP должен быть сначала выполнен сервером перед отправкой клиенту. Таким образом, сообщение загрузки HTML не поможет. Если ваш код занимает много времени, он застревает на сервере и удерживается там до его отправки клиенту –