javascript - 无需刷新即可自动更改输出

Question

我有这段代码，如果值为“0”或大于“1”，它基本上会将“文章”一词更改为“文章”。但是这个词只有在页面刷新时才会改变。是否可以在值（数量）发生变化的同时自动重新运行代码？

<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> 

提前致谢！

Answer 1

是的，这是可能的。

直接而肮脏的方法是定期轮询服务器以获取更改。创建一个计时器函数，该函数调用一个 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);

另一种方法是使用像流星这样的框架来为您进行检查。