提交表格并停留在同一页面上？

Question

我有一个看起来像这样的表格

<form action="receiver.pl" method="post">
  <input name="signed" type="checkbox">
  <input value="Save" type="submit">
</form>

并且我想保留在同一页面上，即单击“提交”后，但仍receiver.pl执行了该页面。

应该怎么做？

Answer 1

最简单的答案：jQuery。做这样的事情：

$(document).ready(function(){
   var $form = $('form');
   $form.submit(function(){
      $.post($(this).attr('action'), $(this).serialize(), function(response){
            // do something here on success
      },'json');
      return false;
   });
});

如果要动态添加内容并且仍然需要它来工作，并且还需要使用多种形式，则可以执行以下操作：

   $('form').live('submit', function(){
      $.post($(this).attr('action'), $(this).serialize(), function(response){
            // do something here on success
      },'json');
      return false;
   });