javascript - 无法在不重新加载页面的情况下使用ajax重新加载

Question

我希望它仅“重新加载”到#searchuserc中。查了很多资料还是没能解决问题。

 $(document).ready(function() {
    $("#onlineusers").load("online.php");
    $("#searchuserc").show();
    setInterval(function() {
      $("#onlineusers").load("online.php");
    }, 5000);
    $(".search").click(function() {
      $("#onlineusers").hide();
      e.preventDefault(); // Prevent Default Submission
      $.ajax({
          url: 'searchuser.php',
          type: 'POST',
          data: $(this).serialize(), // it will serialize the form data
          dataType: 'html'
        })
        .done(function(data) {
          $('#searchuserc').fadeOut('slow', function() {
            $('#searchuserc').fadeIn('slow').html(data);
          });
        })
        .fail(function() {
          alert('Ajax Submit Failed ...');
        });
    });
  });

这是我的 HTML 文件

 <form method="POST">
  <input type="text" id="searchuser" name="searchuser" placeholder="Sök efter en användare..." />
  <input type="submit" class="search" name="searchbtn" value="Sök" />
</form>
<div id="searchuserc">
</div>

Answer 1

而不是

$(".search").click(function() {
  ...

使用

$(".search").closest("form").submit(function(e) {
  ...

处理程序内的代码可以保持不变。