jquery - 如何创建从另一个页面读取 div 并遵循其值更改的页面

Question

这是我的代码

No. of logs: <p id="count">Counter</p>
<script type="text/javascript">

var x=0;

jQuery.ajax({
    url: "refresh4.htm",
    success: function(result) {
        var html = jQuery('<div>').html(result);



        //alert(html.find("div#first").attr("id"));
        //alert(html.find("div#first").html());
        //alert(html.find("div#first"));

        document.getElementById("count").innerHTML=html.find("div#auto").html();


       },
});




</script>

我的问题是当另一个文件（refresh4.htm）的div的值发生变化时，显示的值是一样的（实际上是这个div预先定义的第一个值）。

我在哪里可以找到其他选项我有 exept .html() 和 attr()。是否有 .innerHTML 或 .value 等价物？

Answer 1

在每个合理的时间段内每次都发出一个新的 ajax 请求。

var previousResult = null,
    desiredField,
    refreshData = function() {

    jQuery.ajax({
        url: "refresh4.htm",
        success: function(result) {
            //Obtain the field of the html
            desiredField = result.find(".desired-field").html();
            if(!previousResult || desiredField !== previousResult) {
                previousResult = desiredField;
                //Done whatever you want with desiredField
            }
        } 
    });


}

setInterval(refreshData, 4000);