javascript - 在 $.POST 上获取 ERR_EMPTY_RESPONSE

Question

我有一个带有聊天功能的简单社交网站。我在多个页面中大量使用了 $.post。该代码适用于除 message.php 之外的所有页面，其中用户消息被多次发布和获取 $.post(过去在本地服务器上运行良好)。

当用户之间的消息模拟发生时，网站停止响应。重新加载时，服务器关闭并显示 ERR_EMPTY_RESPONSE 消息。几分钟后，该网站再次运行。据我了解，这发生在经常使用 $.post 的页面上。

为了总结情况，我创建了一个 live test page . ERR_EMPTY_RESPONSE 当连续输入几秒钟时发生。
页面内容:

a.php

<script>
$(document).ready(function(e) {
$(".abc").keyup(function(){
    var a = $(this).val();
    $(".showoff").text("wait..");
    $.post('bbs.php',{a:a},function(abc){
        $(".showoff").html(abc);
    });
});});
</script>
<input type="textbox" class="abc">
<div class="showoff">Type to Change Me!</div>

bbs.php

<?php
echo $_POST['a'];
?>

一个星期以来，我一直在用头撞墙。所以，请帮我解决这个问题。提前致谢。也为我蹩脚的英语感到抱歉。

Answer 1

当您似乎想要自动完成类型设置时，请使用计时器。在每次按键时重置它，并在延迟后发送您的帖子。在此示例中，它将在最后一次按键后 3 秒发送。

$(document).ready(function(e) {
  var timer;
  $(".abc").keyup(function() {
    var $input= $(this);
    // Start timer
    clearTimeout(timer);
    // Start a new 3 second timer
    timer = setTimeout(function() {
        // Once the 
      var a = $input.val();
      $(".showoff").text("wait..");
      $.post('bbs.php', {
        a: a
      }, function(abc) {
        $(".showoff").html(abc);
      });
    }, 3000);
  });
});

JSFiddle: https://jsfiddle.net/TrueBlueAussie/Locpnk35/

这将避免您的服务器重载，因为每 3 秒来自同一用户的请求不会超过 1 个。如果响应速度低于 3 秒，您可能还需要在 Ajax 请求正在进行时禁用 key 处理程序。