javascript - Ajax调用不刷新调用页面javascript

Question

我有一个使用 ajax 每 5 秒刷新一次的 JSP 页面。我正在调用的页面具有未刷新的 javascript。请告诉我如何实现这一目标。

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

refresh 是我在其中显示数据的 div 的名称。

   <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 调用中没有被刷新

Answer 1

你应该先导入jquery文件

喜欢

<script src="<%=request.getContextPath()%>/view/js/jquery1.7.2.js"></script>

和调试是，如果你的控制台什么都没有，那就成功了

Answer 2

尝试将该代码包装在里面$(document).ready();

喜欢

$(document).ready(function(){
 $.ajax({
                url: 'http://localhost:8088/Login.do', 
                success: function(data) {
                    alert(data);
                    $("#refresh").html(data);
                    alert(data);
                },
                complete: function() {
                    alert("refresh");
                    setTimeout(function(){ worker(); },5000);
                    //$('#refresh').load("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
                }

            });

});