ajax异步请求不能刷新数据的问题

时间：2021-11-19 02:20:23

　　搞了两三天的问题，今天解决了。总结下：

function reportGrpChange(cuid, title){

    document.getElementById('reportFrameDiv').innerHTML="";

    var loc = window.location + '';

    var reg1 = new RegExp('cuid=[^&]*');

    //用于解决报表组中某张报表维度切换后再切换报表造成的当前报表没有选中样式

    var reg2 = new RegExp('&currentCuid=[^&]*');

    loc = loc.replace(reg1, "cuid=" + cuid).replace(reg2, "");

    var tree = window.parent.cognosLfTree;

    tree.loader.dataUrl = "engine!queryCognosLP.action?cuid=" + cuid+ "&t=" + Math.random()+ "&temp=" + new Date().getTime();

    Ext.Ajax.request({

        method : 'GET',

        url : "engine!queryCognosLP.action?cuid=" + cuid+ "&t=" + Math.random()+ "&temp=" + new Date().getTime(),

        callback : function(options, success, response) {

            var rst = Ext.decode(response.responseText);

            tree.setRootNode(rst);

            tree.root.reload();

        }

    });

    //解决左面板维度异步请求不能刷新的问题，先刷新左面板维度，报表延迟200ms后再打开

    setTimeout(function(){

        window.location = loc;

    },200);

}

　　1.var tree = window.parent.cognosLfTree;  //需要从父框架中引用子框架中的cognosLfTree控件对象，这也研究了好半天

　　2.想通过点击按钮发出ajax异步请求刷新左面板维度的同时，右边报表也能再重新打开。但发现IE浏览器很多时候左面板维度不能更新，火狐浏览器和谷歌浏览器基本上能更新，但偶尔会有几次也不能更新。

　　一开始以为是ajax请求在IE浏览器中存在缓存问题，参阅：http://blog.sina.com.cn/s/blog_6bcf42010100qfo9.html。试过这几种方法后，发现发到服务器后，IE中打开维度还是多次不能更新（本地IE打开多次也能更新，偶尔也不能更新）。

　　又怀疑是否是Ext.Ajax.request本身框架的问题，想引用Jquery的ajax请求来试试，但行不通，因为有用到extjs的控件对象。

　　之后又怀疑是否有跨域访问js的问题，因为右边打开报表重新发出了一次请求，且报表存放路径是在其他服务器上，想把左面板维度页面给嵌入到右边打开的报表页面，但这样工作量也比较高，想应该会有其他办法。

　　最后想应该是ajax请求还未完成时，先调用了 window.location = loc 这条语句刷新右边的报表打开页面，然后再调用ajax异步请求，导致传过去的报表cuid还是没变，因此左面板维度这棵树展现的数据也跟着没变。想应该把右边报表打开给延迟，先调用ajax请求刷新左面板维度。 setTimeout()不怎么会用啊，太菜了。一开始用setTimeout(window.location = loc,200);发现在IE浏览器中报错，在其他浏览器也能运行。再百度，发现需要在里面用匿名函数来添加变量参数，参阅:http://baike.baidu.com/link?url=FF0WJ5en5almXYhcOQgyAxCj0Nm3t7MAjmr2FQiEyu587Xxpca4zpDBjJ3Xozqn0rzTpqu5jlBUwxcrcIreFlq。改成： setTimeout(function(){window.location = loc;},200) 即可。OK,大功告成！哎，还是需要多加练习啊。。。

相关文章