当前位置: 首页 > 面试题库 >

如何使用jquery或ajax以10秒的间隔刷新div

龙浩博
2023-03-14
问题内容

在这里,所有帮助都值得赞赏。我正在用php构建一个Web应用程序,并且正在使用Yii
MVC框架,该框架具有很多内置工具。正如标题所示,我需要每10秒刷新一次div。目前我有这个ajax功能

<script type="text/javascript">
    function ajaxFunction(){
    var ajaxRequest;

    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
                var list = document.getElementById('logged_in_users_list');
        if(ajaxRequest.readyState == 4){
            list.innerHTML = ajaxRequest.responseText;
                        setTimeout('ajaxFunction()',10000);
        }
    }
    ajaxRequest.open("GET", "protected/controllers/room/openRoom", true);
    ajaxRequest.send(null);
}
</script>


<script type="text/javascript">
            setInterval(function() {ajaxFunction();}, 5000);
</script>

对于不熟悉Yii的人,它将大多数php文件存储在一个名为protected的文件夹中。就是这样,上面的代码ajaxRequest.open行要求将URL存储在受保护的文件夹中,因此我不断收到禁止访问的403错误。有什么想法可以实现与jquery不同的东西或解决此访问问题吗?


问题答案:

Usin jQuery

$(function() {
    function callAjax(){
        $('#myDiv').load("http://yourdomain.com");
    }
    setInterval(callAjax, 5000 );
});


 类似资料:
  • 问题内容: 我正在尝试使AJAX函数更新约30秒。我已经完成了一个简单的版本,下面是代码。 这有效,但是,当该函数被首次调用时,我不希望它等待30秒,我只希望该函数调用,然后等待30秒,再次调用,等待30秒,再次调用,等等。有什么帮助吗? 问题答案: 考虑改用-更可靠。 当窗口没有焦点时,计时器可以堆叠,然后在再次获得焦点时,所有计时器立即运行。使用还会确保如果第一个请求由于某种原因阻塞,则不会导

  • 问题内容: 我有一个这样构造的mysql反馈数据库: 名称| 位置| 反馈 瑞安| 英格兰| 大力支持 显然,条目更多。我正在尝试建立一个反馈div,它通过ajax每10秒显示一个新的反馈项。 所以我构造了这个: 这是我的PHP文件: 但是,这仅显示两个。它不会一直显示新的,而是纯粹显示第一个然后显示第二个并停止。 我究竟做错了什么?谢谢 :) 问题答案: 你想做一个吗? 要么: 或者,如果您希望

  • 问题内容: 我从修改了自己需求的网站上获得了此代码: 在test.php中: 所以我想在链接div中每5秒调用一次test.php。我该怎么做呢? 问题答案: 试试看 希望这可以帮助。

  • 问题内容: 我有一个包含许多ListView的页面,我希望用户能够对它们进行排序和翻页。我不想每次都回发并重新绑定整个页面,而是希望通过jQuery / AJAX有选择地针对所涉及的控件进行操作。我很容易在页面中对WebMethod进行客户端调用- 我的问题是如何通过jQuery将返回的数据返回到ListView中? (注意:我不想使用UpdatePanel!) 问题答案: 我不确定仅由于List

  • 问题内容: 从方法调用函数后,我需要您的帮助才能刷新html中的div 。目前,使用以下几行调用后,我将加载整个页面。 在我的java方法中,我使用下面的代码行来调用javascript方法: html代码: 问题答案: 您可以部分加载HTML页面,这是div#mytable中的所有内容。 有关更多信息,请阅读此http://api.jquery.com/load/ 更新代码(如果您不希望它自动刷

  • 问题内容: 这可能是一个简单的问题,但我很困惑,只是不知道从哪里开始。 我有一个PHP脚本(image_feed.php),该脚本返回图像的URL。每次调用此UR1时,它都会返回可用的最新图像(该图像每隔几秒钟更改一次)。 我想发生的是,当页面加载时,有一个对image_feed.php的AJAX调用,该调用返回了最新的URL。然后将该UR1插入HTM1,以替换适当的图像src。 5秒后,我希望重