Question

我当前正在创建一个将用户数据发布到NodeJS服务器的登录界面。这是表格的代码。

select cast(startdate as datetime) + cast(starttime as datetime)

现在，表单提交被一个javascript文件拦截，该文件获取表单数据并将其使用AJAX发布到NodeJS服务器。服务器验证用户登录，如果成功，则返回要使用jQuery加载的HTML页面。这是代码：

<form action="http://127.0.0.1:8080/" method="POST" id="login_form">
    <div class="input">
        <input class="input-box" id="username" type="text" name="username" placeholder="Username">
    </div>
    <div class="input">
        <input class="input-box" id="password" type="text" name="password" placeholder="Password">
    </div>
    <input type="submit" class="button blue" value="Login">
</form>

现在，登录表单可以正常工作并加载HTML响应，但是有一个小问题。在加载最终呈现的页面（带有所有css样式和图像）之前，页面上的所有文本将不带格式显示，然后显示最终设计。这在登录表单页面和最终用户门户之间提供了一个奇怪的过渡。有谁知道为什么会发生这种情况以及解决此问题的任何解决方案？

Answer 1

这称为FOUC（未样式化内容的闪烁）。这是避免该问题的现有答案：

https://stackoverflow.com/a/5983338/3044358

或者只是谷歌搜索该词。很多建议。

要尝试的第一件事：将CSS链接标签放在head元素的顶部

使用AJAX从NodeJS服务器加载HTML响应

1 个答案: