如何每10秒刷新一次Div，而不刷新整个页面？

Question

我正在一个不允许任何服务器端脚本编写的网站平台上工作，因此jquery和javascript是我需要使用的几乎所有东西。 我正在尝试创建一个脚本来与该站点一起使用，该站点将每10秒更新一个包含收件箱邮件计数的div。 我已经成功地使div每十秒钟刷新一次，但是麻烦在于页面浏览量。 我的脚本正在刷新整个页面并计算页面浏览量，但是我只想刷新一个div。 我的脚本引起的麻烦的一个例子是，当在网站上查看具有页面视图计数器的任何内容（论坛帖子，博客帖子等）时，由于脚本刷新，页面视图变得疯狂。 我对Java语言还很陌生，所以我不完全确定有办法解决此问题。

我正在使用的是以下内容：

    <div id="msgalert" style="display: none"; "width: 100px !important">
<a href=""> You have $inbox_msg_count new messages.</a>
</div>

$ inbox_msg_count是获取消息数的调用，由站点所在的平台提供。 使用时，它自动显示消息计数。

然后，完成所有工作的脚本是这样的：

    <script>
 setInterval(function(facepop){
  var x= document.getElementById("SUI-WelcomeLine-InboxNum");
var z = x.innerText;
 if(x.textContent.length > 0)
$("#msgalert").show('slow');
}, 1000);
facepop();
</script>
<script>
setInterval(function() {  
$("#msgalert").load(location.href+" #msgalert>*","");  
}, 1000); // seconds to wait, miliseconds
</script>

我意识到我可能没有最好地解释这一点，但这是因为我自己对此很困惑。 就像我之前提到的那样，此代码可以按我的意愿运行，但我不希望它刷新整个页面并显示页面视图。 任何帮助深表感谢。

Answer 1

您可以尝试研究iframe并将其用作更新/刷新内容（div）的一种方式。 首先设置一个iframe，并为其指定一个ID，然后使用JS抓取该对象并对其调用刷新。

Answer 2

好吧，您的问题似乎有些不同，所以我认为从div内提交一个可能会帮助您...

$(document).ready(function() 
{
            // bind 'myForm' and provide a simple callback function
               $("#tempForm").ajaxForm({
               url:'../member/uploadTempImage',//serverURL
               type:'post',
               beforeSend:function()
               {
                   alert(" if any operation needed before the ajax call like setting the value or retrieving data from the div ");
               },
               success:function(e){
                alert("this is the response data simply set it inside the div ");
               }
        });
        });

Answer 3

我认为这可能无需表格即可完成，而且绝对不需要iframe（不颤抖 ）。

也许是这样的吗？

$(document).ready(function()
{
  setInterval(function(facepop)
     {
        var x= document.getElementById("SUI-WelcomeLine-InboxNum");
        var z = x.innerText;

        if(x.textContent.length > 0)
           $("#msgalert").show('slow');

        $.ajax({
            type: "POST",
            url: location.href,
            success: function(msg)
             {
                $("#msgalert").html(msg);
             }
        });

     },1000);

尚不清楚您到底想做什么（或者可能只是我太累了（午夜……）），但是上面的$ .ajax（）调用是我的主要任务会建议。

将这两个函数封装在单个setInterval（）中，使事情更容易阅读，并将消除显示msgalert元素与“重新加载”元素之间的1秒间隔。