6

我是网络编码的新手，最近一直在玩 JQuery。我注意到一些行为，想知道这是否是正常行为以及处理它的最佳方法。

我正在对我的网络服务器进行简单的获取，有时服务器可能需要几分钟才能返回其结果。我注意到我的服务器端代码被多次调用，在这种情况下，'/userprofile' 最多可以调用 3 次。

("li#user").click(function(){
    $.get('/userprofile',{partialrender: 'true' },
        function (data) {
          $("div#content").html(data); 
    });
});

所以我的问题是；

1）这是正常行为吗？和 2）如果是这样，是 JQuery 发出额外的调用还是浏览器？3）有什么好的方法来处理这个？

我很欣赏问题 3 的答案可能是一个困难的答案，但非常感谢任何帮助。

非常感谢。

更新：

多谢你们，

好的，由于后端数据库很小，所以我不能用那个确切的调用产生问题，但我可以用另一个相同的调用。我在获取之前发出了警报，它只被调用了一次。我正在使用 Mojolicious 网络框架，所以我想知道它是否与此有关？我正在使用 Morbo 网络服务器。

这是我表现出这种行为的代码

("li#importDevice").click(function(){
    alert('import clicked');
    $.get('/importDevice',{device: 'corptest' },
       function (data) {
         $("div#content").html(data); 
   });
 })



sub importDevice {
  my $self = shift;
  my $res = "test";
  my $dir      = $self->session("dir");
  my ($debug, $log, $path, $upload) = createLogHandles($self);
  my %deviceEntry = device::getDeviceEntry($devicename);
  print "In Import   Device \n";
  return $self->redirect_to('failed') unless $self->session('role') eq 'admin';

  my %sessiondetails = utils::buildSessionDetails(%deviceEntry);

 #THE FUNCTION BELOW IS WHERE THE DELAY CAN BE. 
 my $result = utils::connectToDevice(\%sessiondetails);

  if ($result ne 'failedconnect') {
    Vendor::importConfig($session,$dir);
    Vendor::processConfig($dir,$debug,$upload);
  }  
$self->render(text => $result);  
}

当我的 utile::connectToDevice 需要一段时间来响应时，我看到整个回调被再次调用。

这是我的 morbo 网络服务器日志的输出。它确实似乎接到了两个电话。

[Thu Nov 22 00:22:27 2012] [debug] GET /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11).
[Thu Nov 22 00:22:27 2012] [debug] Routing to controller "MyApp::DevT" and action "importDevice".
[Thu Nov 22 00:22:50 2012] [debug] 200 OK (22.117681s, 0.045/s).
[Thu Nov 22 00:22:50 2012] [debug] GET /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11).
[Thu Nov 22 00:22:50 2012] [debug] Routing to controller "MyApp::DevT" and action "importDevice".
4

1 回答 1

1

我在进行 ajax 调用时的建议是，设置一个标志，表明已经有对服务器的请求。每次检查标志并根据其状态决定是否提出请求。一旦您从服务器获得响应，请重置标志。所以你可以试试这个 -

var running=false;
$("li#user").click(function(){

    if(!running){
       running=true;
       $.get('/userprofile',{partialrender: 'true' },
        function (data) {
          $("div#content").html(data);
          running=false; 
       });
    }
});

这将避免用户点击按钮 100 次和泛滥请求的情况。

更新

删除了 if 条件中的错误。

如果上述事情没有帮助，那就这样做。

$("li#user").unbind('click').click(function(){
   // do the thing
});

这将从元素中分离所有点击处理程序和事件并再次绑定。

于 2012-11-22T06:23:52.417 回答