javascript - 单击表会导致多个 ajax 操作使用 jQuery 运行

Question

在寻找问题的解决方案之后，我可能会找到转折点并能够定义问题。我的代码使用 jQuery 和 Ajax，并在单击表格单元格时触发。输出过去和现在都是一个我在一定时间间隔内刷新的表格。好吧，当我单击一个单元格，然后单击另一个单元格时，输出将根据单元格 A 和单元 B 的传输值在输出之间切换。

我研究了 Firebug，瞧，偷偷了解了原因。

GET http://localhost/trading/getuser_exp.php?q=NYSE
GET http://localhost/trading/getuser_exp.php?q=NASDAQ

两个值并行运行，这是错误的。我需要一个值，或者换句话说，如果我之前单击 NYSE，则值是 NYSE，然后我单击 NASDAQ，则值不再是 NYSE，而是 NASDAQ。

使用的代码是

$(document).ready(function(){


$(".information").click(function () {
var str = $(this).closest("tr").find("#nr").text(); 

window.setInterval(function(){      
          $.get("getuser_exp.php",
             { q:str },
             function(data) { $('.stock').html(data);
             } //function data

          );
}, 3000);


}); //information click


}); //document ready

现在是什么原因导致多次射击？在我看来 - 坦率地说，一个初学者 - 没有什么是多重射击或接受多重值(value)观。不管是什么，我都会学习。

感谢您的帮助和帮助。

Answer 1

您需要清除旧的间隔并开始新的间隔。这就是为什么每次点击都会启动一个新的间隔计时器时，您会多次触发。

$(document).ready(function(){
   var timer = null;
   $(".information").click(function () {
      var str = $(this).closest("tr").find("#nr").text(); 
      if(timer!=null) {
         clearInterval(timer);
      }
      timer = window.setInterval(function(){      
         $.get("getuser_exp.php",
           { q:str },
           function(data) { 
              $('.stock').html(data);
           }
         );
      }, 3000);
   }); 
});