html 提示信息显示不全

Question

开发时 向后台发送请求，返回成功后，重新刷新页面并且弹窗提示成功。
弹窗经常只显示一条线，就结束了。

一开始

initPage();                 //重绘页面
showInfo('操作成功');        //提示框

后来尝试用Promise同步

new Promise(function(resolve){
    init.initPage();
    window.onload = function(){   //希望通过重绘成功后 调用提示信息
        resolve();
    }
}).then(function(){
    showInfo('操作成功');
})

但是均失败了。

实际代码使用 require.js 分模块开发

    // 保存设备回调
    function saveDevicesCallback(result){

      if(result.result == 0){
        // 同步处理刷新页面与提示信息
        new Promise(function(resolve){
          require(["event/device"],function(init){
            init.initPage();
          });
          resolve();
        }).then(function(){
          showInfo('操作成功');
        })
      }else{
          showError('操作失败');
      }
    }

希望看到先刷新页面 然后提示信息框

Answer 1

重新刷新页面什么都重头开始了, 你指的如果是局部刷新的话, DOM 操作都是同步的, 根本不需要异步来展示信息

Answer 2

看题主的意思initPage()可能做了类似于window.reload()这样的事情吧，就是按F5的功能一样

如果是这种方式来重绘页面的话，那么你这上面说的所有流程都会中断，建议处理一下initPage()的方法，不要让页面重新加载