Question

我试图提交表单而不用Ajax重新加载页面，但是到目前为止我还没有成功，它仍然重新加载了页面。在index.php上，我有以下代码。有人可以帮忙吗？

<?php 
# form code
?>

<div>
  <form action="" method="post" autocomplete="off" id="theForm">
    <button type="submit" name="SeguA" />
      Seguir
    </button> 
  </form>
</div>

<script type="text/javascript">
  $(function() {
    $('#theForm').submit(function(event) {
      event.preventDefault();
      var form = $(this);
      $.ajax({
        type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize()
      });
    });
  });
</script>

Answer 1

这并不是直接意义上的“解决方案”，而是作为演示，您的代码实际上在您发布的版本中有效。我只添加了两个public static myMethod() { try { int a=0,b=0; a=b/0; } catch (Exception e) { callException(e); } } public static void callException(Exception e) { System.out.println(e); }元素和<input>行。

那么，问题可能出在您在此处发布的代码之外？

console.log()

$('#theForm').submit(function(event) {
      event.preventDefault();
      var form = $(this);
      console.log(form.serialize());
      $.ajax({
        type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize()
      });
    });

没有重新加载的Ajax提交表单页面无法正常工作

1 个答案: