jQuery中未定义的变量错误

Question

我使用jQuery实时获取JSON数据，后来我将这些数据打印到屏幕上。当我从屏幕获取数据并再次在屏幕上打印时，我会收到错误“未定义”。代码：

var yenile = setInterval(function() { 
    $.getJSON("ayarlar.asp",function(veri) { 
     $(".wfloodnum").html("Şu anki değer:" + veri.floodwarno); 
     $(".nfloodnum").html("Şu anki değer:" + veri.floodnum); 
    }); 
},100); 
var anlikwar = $(".wfloodnum").text().split(":")[1]; 
var anlikflood = $(".nfloodnum").text().split(":")[1]; 
alert(anlikflood); 

我该怎么办？ 编辑：我无法访问$ .getJSON函数中的这些变量的值。我需要这个函数的这些值的可访问性。所以，我必须从$ .getJSON函数中定义变量。这就是为什么我试图将.split（）应用于屏幕上的文本。

Answer 1

与您的代码的问题是，由于异步调用的，你有没有执行的顺序可能是这样的（当然也可以，因为时间间隔和多次调用的getJSON的不同）：

// 1. the call to setInterval is initiated (the function in it will not be called until the sequential instructions after setInterval are finished) 
var yenile = setInterval(function() {...}, 100); 
// 2 
var anlikwar = $(".wfloodnum").text().split(":")[1]; 
// 3 
var anlikflood = $(".nfloodnum").text().split(":")[1]; 
// 4 
alert(anlikflood); 

// 5. NOW COMES THE function given to setInterval 
$.getJSON("ayarlar.asp",function(veri) { ... }); 
// 6. now would come any other instructions in the function given to setInterval after the getJSON 
// 7. 
$(".wfloodnum").html("Şu anki değer:" + veri.floodwarno); 
// 8 
$(".nfloodnum").html("Şu anki değer:" + veri.floodnum); 

在上面的顺序中，您看到在步骤2和3中，变量存在未定义，因为您访问的元素还没有任何文本。或者，它有空字符串，拆分是由:，你得到数组[""]，因此该数组中的索引1未定义。

您必须重新考虑代码的结构。至少变量anlikwar和anlikwar应该在之后分配JSON请求完成。

至少你coud做这样的事情：

var anlikwar; 
var anlikflood; 

var yenile = setInterval(function() { 
    $.getJSON("ayarlar.asp",function(veri) { 
     $(".wfloodnum").html("Şu anki değer:" + veri.floodwarno); 
     $(".nfloodnum").html("Şu anki değer:" + veri.floodnum); 

     anlikwar = $(".wfloodnum").text().split(":")[1]; 
     // or simply: anlikwar = veri.floodwarno 
     anlikflood = $(".nfloodnum").text().split(":")[1]; 
     // or simply: anlikflood = veri.floodnum 
    }); 
},100); 

看起来你要监视的服务器上的东西。这看起来像一个WebSockets用例。根据您使用的服务器框架，您可以使用不同的Web套接字包。