让javascript中的异步请求同步起来
让javascript中的异步请求同步起来
宅蓝三木
发布于 2018-02-07 07:41:50
发布于 2018-02-07 07:41:50
代码可运行
运行总次数：0
代码可运行
在页面加载的时候，javascript通常会从服务器去获取一些数据，拿到数据后再渲染页面。如果用同步请求一个一个去拿这些数据，加载会很慢。但如果使用异步请求，后面的渲染操作会在数据返回之前就把页面给渲染了。
google了一下好像木有合适的解决办法， 于是我尝试用一个死循环挡在渲染页面之前，拿到数据后再跳出死循环。类似于这样的：
overview.showLoading();
instances.get_cluster(true);
users.get_users(true);
databases.get_databases(true);
for(;;) {
if(ctrl.cluster && ctrl.databases && ctrl.users) {
break;
}
setTimeout('', 500);
}
instances.show();
databases.show();
users.show();
overview.show();
overview.hideLoading();get_cluster, get_databases, get_users会发起异步请求，请求成功后会把数据写到ctrl中去。看起来不错，可是执行起来浏览器会建议用户杀掉script，因为发现了死循环。木有办法，稍微变通一下，只能让死循环活半个小时，如果加载页面需要半个小时的话，你的网站可以歇菜了。于是改成下面的代码：
overview.showLoading();
instances.get_cluster(true);
users.get_users(true);
databases.get_databases(true);
for(var i =0; i < 3600; i++) {
if(ctrl.cluster && ctrl.databases && ctrl.users) {
break;
}
setTimeout('', 500);
}
instances.show();
databases.show();
users.show();
overview.show();
overview.hideLoading();世界安静了，同步时不停转的loading也很快就消失了。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
