【问题标题】:I can't refresh a div in my web我无法刷新我的网络中的 div
【发布时间】:2015-06-04 14:42:14
【问题描述】:

我正在尝试刷新我的 web 的一部分,一个 div,我找到了有关此的代码,但它不起作用。这似乎是正确的,但不起作用。我不明白发生了什么,我尝试了其他 jQuery 代码,但也不起作用。

这是html文件:

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        var timer;
        var seconds = 1; 

        $( document ).ready(function(){
           startActivityRefresh()
        });

        function startActivityRefresh() {
            timer = setInterval(function() {
                $('#div1').load('prova.php');
            }, seconds*1000)
        }
    </script>
</head>
<body>
    <div id="div1"></div>
</body>
</html>

这是 php 文件:

<?php
    echo "prova";
?>

当我转到浏览器并重新加载页面时,没有显示任何内容。它应该显示prova。 (php文件只是一个测试)

[已解决] 在我的浏览器中,Firefox 阻止了内容的问题。 url 栏中有一个盾牌可以解锁它。

【问题讨论】:

  • 一开始,你永远不会打电话给startActivityRefresh
  • 我调用它,它仍然不起作用:(
  • 检查您的控制台,是否显示任何错误? prova.php 真的是你告诉它的地方吗?
  • 我试过这段代码w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load 并且使用 .txt 文件可以工作,但不能使用 .php 文件。我试图在我的代码中放入一个 .txt 文件但不起作用,那么这不是问题 :(
  • 完成我解决它!在我的浏览器中,Firefox 阻止了内容的问题。有一个屏蔽网址栏可以取消阻止它。无论如何谢谢:)

标签: php jquery html refresh


【解决方案1】:

如前所述,您实际上从未调用过startActivityRefresh()

试试这个。

<script>
    var timer;
    var seconds = 1; 

    $( document ).ready(function(){
        startActivityRefresh()
    });

    function startActivityRefresh() {
        timer = setInterval(function() {
            $('#div1').load('prova.php');
        }, seconds*1000)
    }
</script>

在它被调用之前,该函数只是挂起,等待其他一些代码需要它。

我还应该提到,至少有两种方法可以在页面加载时调用函数。 $(document).ready$(window).onload。这是discussion 的区别。

编辑:

这是一个 fiddle,它演示了基本思想。

【讨论】:

  • 您应该将此答案标记为“社区维基”Why?
  • 我尝试了您的解决方案,但不起作用。它没有显示任何东西。这可能是我的 Mac 的问题吗?
  • 脚本确实有效。我添加了一个小提琴来演示。也许prova.php 不是您认为的位置? Chrome Dev Tools 对调试 javascript 非常有帮助。
  • 完成我解决它!在我的浏览器中,Firefox 阻止了内容的问题。有一个屏蔽网址栏可以取消阻止它。无论如何谢谢:)
【解决方案2】:

解决了!在我的浏览器中,Firefox 阻止了内容的问题。网址栏中有一个盾牌可以解锁它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-04-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-16
    • 1970-01-01
    • 2020-05-02
    相关资源
    最近更新 更多