javascript - 未定义的 Javascript 值

Question

我正在尝试确定值是否已通过 javascript 更改。本质上是检查文本框以查看值是否发生变化。

但是，当我将值放入变量时，它返回为未定义。显然我做错了一些愚蠢的错误，但我疲惫的头脑无法解决。

这是我正在做的:

<script>
    var stableCount;
    $(document).ready(function () {
        $('.div-updated').hide();
        $("#responsecontainer").load("CyberTable.aspx");
        stableCount = $(".rowcount").val();
        var refreshId = setInterval(function () {
            alert(stableCount + " - " + $(".rowcount").val())
            $("#responsecontainer").load('CyberTable.aspx?t' + Math.random());
        }, 3000);
        $.ajaxSetup({ cache: false });
    });
</script>

警报中的 stableCount 返回未定义，但 rowcount.val() 返回数字

编辑:请不要无缘无故地投反对票。据我所知，我已遵循所有规则发布此内容并尝试自己完成。

Answer 1

这个答案澄清了我在评论中所说的内容。一旦您启动加载操作，它就会作为一个单独的进程运行，并且您只有在调用完成或错误回调时才知道它已经加载了数据。代码需要修改以回调加载操作，并从回调中启动计时器事件

<script>
$(document).ready(function () {
    $('.div-updated').hide();
    $("#responsecontainer").load("CyberTable.aspx",
       // callback function here....
       function() {
          var stableCount = $(".rowcount").val();
          var refreshId = setInterval(function () {
              alert(stableCount + " - " + $(".rowcount").val())
             $("#responsecontainer").load('CyberTable.aspx?t' + Math.random());
          }, 3000);
    });

    $.ajaxSetup({ cache: false });
});