ajax - 使用 return false 的 AJAX POST 表单仍然刷新

Question

我似乎看不到这里的问题，这个 AJAX 请求应该从 sx.php 中提取结果并在成功中显示，尽管它一直提交给自己？？？

s.php

<script type="text/javascript">
   $(document).ready(function(){
       $(".button").click(function(e) {
        e.preventDefault();

           $.ajax({
               type: "POST",
               url: "sx.php",
               data: $(this).closest("form").serialize(), 
               cache: false,
               success: function(data){
            $('#status').html(data);
               }
           });
          return false;
      });
   });
</script>

     <form>
           <input type="hidden" name="mid" value="<?php echo htmlspecialchars($result['id']); ?>" />
                <h5><?php echo htmlspecialchars($result['title']); ?></h5>
           <input type="submit" class="button" value="Go" />
     </form>

我在这里疯了...！

Answer 1

不要触发按钮的点击，而是调用 from submit 事件：

$('form').submit(function(){
return false
})