通过刷新部分页面循环

时间:2016-12-20 13:30:09

标签: javascript php html

我使用了本网站帖子中的代码。

  

php refresh just a part of the page

看起来像这样。它应该刷新网站的一部分。所以我在测试网站上使用它。我试着刷新一个计时器。 所以发生了什么,它刷新了,但我的CPU达到了100%,浏览器崩溃了。 它可能是某种循环,但我似乎无法找到原点

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#Status').load('record.php');
    }, 1000); // refresh every 1000 milliseconds
</script>
<body>
        * CODE/HTML *
</body>

[编辑] record.php:

<div id="Status">
    <h2><i>Refreshing</i></h2>
    <p> <?php echo date('d-m-o');?> </p>
    <p> <?php echo time();?> </p> 
</div>

2 个答案:

答案 0 :(得分:0)

在一个区间内调用异步函数是一种不好的做法,因为在该区间到达下一次迭代之前,您不知道该函数是否返回了结果。

在您的代码中,您尝试每1秒从服务器加载一次内容,无论之前的调用是否已返回结果。

您可以在回调函数中调用下一个加载:

record.php

注意

另一个改进是修改... success: function(data) { $('#Status').html(buildMarkup(data)); ... }, ... ,以便它返回一个 JSON 字符串,里面没有任何HTML标记,当你从load方法得到结果时用javascript构建HTML:

function buildMarkup(data) {
   return '<div>' + data.content + '</div>';
}

和buildMarkup函数:

a = np.array([[0, 0]] * 10)

答案 1 :(得分:0)

假设:

------------5726e76222c84e648591b75930afea5d
Content-Disposition: form-data; name="filename"

1.txt
------------5726e76222c84e648591b75930afea5d
Content-Disposition: form-data; name="fileformat"

txt
------------5726e76222c84e648591b75930afea5d
Content-Disposition: form-data; name="file"; filename="1.txt"
Content-Type: application/msword

This is a test that posts this string to a Web server.
------------5726e76222c84e648591b75930afea5d--

在record.php(正在加载)中,你实际上用javascript创建了以下结构:

<div id="Status">
    <h2><i>Refreshing</i></h2>
    <p><?php echo date('d-m-o');?> </p>
    <p> <?php echo time();?> </p> 
</div>

这将是无效的HTML。我不确定JQuery是否会同时获得<div id="Status"> <div id="Status"> <h2><i>Refreshing</i></h2> <p>Some date</p> <p>Some time</p> </div> </div> 元素,但是如果你有炸弹的话。

将加载的HTML(php)更改为:

id="Status"