页面上有个表单，能否实现：点击“提交”，但是不转向另一个页面，也不弹出新页面

Question

页面里有个表单，点击“提交”后，能把表单的内容发送出去，但是页面还停留在当前，也不弹出新页面。

Answer 1

<form method=post action="" name=frm>
  <input type=text id=a name='a' />
  <input type=submit value="提交" />
</form>

Answer 2

不刷新你要表单做什么？不是多此一举吗？
写个button按钮，onclick="toAjax()"去AJAX不就OK了？

Answer 3

<form method=post action="" name=frm>
  <input type=text id=a name='a' />
  <input type=submit value="提交" />
</form>
这种写法肯定会刷新的要想不刷新页面，就要用ajax提交方式了

Answer 4

在页面设置一个隐藏的frame
提交后target指向这个frame

Answer 5

jquery版
$('form').bind('submit', function(){
  $form = $(this);
  $.ajax({
    type: $form.attr('method'),
    url: $form.attr('action'),
    data: $form.find('input', 'select', 'textarea').serialize()
  });
});

Answer 6

jquery版
$('form').bind('submit', function(){
  $form = $(this);
  $.ajax({
   type: $form.attr('method'),
   url: $form.attr('action'),
   data: $form.find('input', 'select', 'textarea').serialize()
  });
  return false;
});
往加红色的了 很关键

Answer 7

有两种方法<form method="post" action="" name="myform" onsubmit="return false">
  <input type=text id=a name='a' />
  <input type=submit value="提交" />
</form><form method="post" action="" name="myform">
  <input type=text id=a name='a' />
  <input type="button" value="提交" />
</form>