/ / Lade die Webseite nachdem AJAX fertig ist - Javascript, jquery, html, css, ajax

Laden Sie die Webseite, nachdem AJAX beendet wurde - javascript, jquery, html, css, ajax

Ich habe einen Ajax-Anruf, bei dem ich das Farbschema meiner Website erhalte. (Wir haben viele Kunden mit unterschiedlichen Schemata, deshalb müssen wir sie in der Datenbank speichern).

Was ich erreichen möchte, ist auf den Ajax zu wartenAufruf zum Beenden und erst nach dem Laden von etwas auf der Seite. Ich weiß, dass es eine kleine Verzögerung von 1-2 Sekunden geben wird, aber es ist die einzige Möglichkeit, den Prozess des Änderns der Farben von Text und Hintergrundfarbe tatsächlich zu verbergen.

Vielen Dank!

Antworten:

1 für die Antwort № 1

Sie können den Körper während des Ladens verbergen und anzeigen, nachdem Ihre Ajax-Anfrage vollständig ist, wie der folgende Code:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<script>
document.getElementsByTagName("body")[0].setAttribute("style", "display: none"); //hide the body
</script>
<h1><a>Test</a></div>
<script>
$( document ).ready(function() {
$.ajax({
url: "your ajax url",,
success: function( result ) {
$("h1 a").css("color", "blue"); //process result here like changing the colors of the text and background color.

$("body").show();
}
});
});

</script>
</body>
</html>

0 für die Antwort № 2

Sie können den Körper während des Ladens verbergen und anzeigen, nachdem Ihre Ajax-Anfrage vollständig ist, wie der folgende Code:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(function() {
$.ajax({
url: "your ajax url",,
success: function( result ) {

},
error:function() {
redirect to another page.
}
});
});
</script>
</head>
<body>
<h1><a>Test</a></div>
</body>
</html>