如何创建从另一个页面读取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>

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

我可以找到其他选项.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);