我已经在我的react应用程序中创建了一个加载屏幕组件,但是在后台加载DOM元素时遇到了一个错误。由于我的三元操作符的工作方式,要么显示loadingScreen组件,要么显示应用程序的其余部分。因此,这只会造成延迟,然后加载我的应用程序。而不是在我的应用程序的其余部分中显示loadingScreen组件的预期效果,当它加载时,当效果达到超时时,组件消失,其余的应用程序就会显示出来。以下是呈现当前的工作方式:
import * as React
我现在想摆脱jQuery,转而使用本机XmlHttpRequest。200) else};由于某些原因,这些请求似乎不再在Firefox上发送,至少网络选项卡没有显示任何请求。在Chrome上测试它仍然有效,但我认为这个问题可能与飞行前的请求有关,因为我注意到了一些奇怪的事情:
使用jQuery AJA
我试图在ajax请求发送之前显示一个加载动画并隐藏搜索输入框,“. search”元素是加载程序。
正如您在下面看到的,我尝试在ajax请求的beforeSend中显示这一点。但是,当用户在搜索框中输入时,由于指定的延迟(1000 is ),输入框仍然会在整个ajax请求中显示,但是它没有响应。然后返回结果,加载动画执行fadeOut,所以显示()必须触发,但页面在返回结果之前保持