首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Ajax刷新不会刷新Java脚本

Ajax刷新不会刷新Java脚本
EN

Stack Overflow用户
提问于 2013-11-16 14:36:01
回答 3查看 1.8K关注 0票数 0

我有一个使用ajax每5秒刷新一次的JSP页面。我正在调用的页面拥有未被刷新的javascript。请告诉我如何做到这一点。

下面是我用来刷新该页面的代码。

refresh是显示数据的div的名称。

代码语言:javascript
运行
复制
<script type="text/javascript">
    function AutoRefresh() {
        var xmlHttp;
        try {
            xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
        } catch (e) {
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
            } catch (e) {
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    alert("No AJAX");
                    return false;
                }
            }
        }

        xmlHttp.onreadystatechange = function () {
            //alert("hi");
            if (xmlHttp.readyState == 4) {

                document.getElementById('TotalRoutes').innerHTML = xmlHttp.responseText;

                setTimeout('AutoRefresh()', 10 * 1000); // JavaScript function calls AutoRefresh() every 3 seconds
            }
        }
        xmlHttp.open("GET", "QAGENIE.jsp", true);

        xmlHttp.send(null);
    }
</script>

在这里,QAGENIE.jsp页面中的js文件不会在ajax调用中得到刷新。

EN

回答 3

Stack Overflow用户

发布于 2013-11-16 14:39:54

每5秒setTimeout(AutoRefresh,5000);

代码语言:javascript
运行
复制
if (xmlhttp.readyState==4 && xmlhttp.status==200)

window.onload = AutoRefresh();

票数 0
EN

Stack Overflow用户

发布于 2013-11-16 15:00:45

我认为您第一次调用的不是AutoRefresh函数。因此不会执行任何东西。如果你是从你在这里给出的代码之外调用的,那么请发布整个网页代码。

票数 0
EN

Stack Overflow用户

发布于 2013-11-16 15:11:11

当您调用document.getElementById('TotalRoutes').innerHTML=xmlHttp.responseText;时,"QAGENIE.jsp" 内的脚本标记不会以方式执行,这就是原因:

未刷新QAGENIE.jsp页中的

js文件。

由于问题是用jQuery标记的,您可以尝试使用$.ajax$.html。如下所示:

代码语言:javascript
运行
复制
 function AutoRefresh(){
       $.ajax({
          url:"QAGENIE.jsp"
       })
       .done(function(response){
           $("#TotalRoutes").html(response);
           setTimeout(AutoRefresh,10*1000); 
       });
    }

AutoRefresh(); //call this to trigger the first call

  • $.html自动解析并执行响应超文本标记语言中的脚本标记。
  • 还有一件事需要注意的是浏览器缓存,如果你的js文件是可缓存的(通常是通过来自服务器的缓存响应头),那么js文件就可以从缓存中获得。如果您需要始终使用新的js文件进行刷新,请确保您的js文件不会与缓存头一起返回,或者尝试在脚本标记的末尾附加一个随机字符串。如下所示:

<script src="yourFile.js?[randomstring]"></script>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20015554

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档