没有页面重新加载就无法重新加载ajax

时间:2017-03-27 20:32:12

标签: javascript jquery ajax

我希望它只能“重新加载”到#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>

1 个答案:

答案 0 :(得分:0)

而不是

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

使用

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

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