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

时间:2013-07-23 21:13:56

标签: ajax forms

我似乎无法在这里看到这个问题,这个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>

我在这里疯了......!

1 个答案:

答案 0 :(得分:1)

不要触发按钮的单击,而是调用from submit事件:

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