无需刷新即自动更改输出

时间:2013-11-04 14:12:39

标签: javascript html refresh innerhtml

我有这个代码,如果值为'0'或大于'1',它基本上将'article'改为'articles'。但只有刷新页面时,这个词才会改变。是否可以在值(数量)发生变化的同一时间自动重新运行代码?

<span id="quantity" class="simpleCart_quantity"></span> gets it's value from an    external file, it is always a number (like 0, 1, 2, 3, etc.)

<span id="quantity" class="simpleCart_quantity"></span>
<span id="quantityText"></span>

<script type="text/javascript">

    $(window).load(function() 
    {
    var quantity = document.getElementById("quantity"),
        quantityText = document.getElementById("quantityText");
    if (parseInt(quantity.innerHTML, 10) === 1) {
        quantityText.innerHTML = "article";
    } else {
        quantityText.innerHTML = "articles";
    }
    });
</script> 

提前致谢!

1 个答案:

答案 0 :(得分:0)

是的,这是可能的。

直接和脏的方法是以一定间隔轮询服务器以查找更改。创建一个调用ajax函数的计时器函数,该函数检查文章计数是否已更改。

类似的东西:

setInterval(function(){
        $.ajax({
           url:"checkchanges.php",
           dataType:"json",
           type:'GET',
           .success(function(data){
              if (data.articlecount>1){ //pseudocode, it depends on how you get your data
                  $("#quantity").innerHTML="articles";
              }
            })
        });
    },3000);

另一种方法是使用像流星这样的框架为你检查连接。