jq怎么样实现异步提交整个form

<form name="mainForm" method="post" enctype="multipart/form-data">
<input type="file" name="fileName"/>
  <input type="submit" onclick="submitMainForm()"/>
</form>
当我点击submit的时候，调用方法submitMainForm()，在方法里面用jq实现表单的异步提交，我需要的是整个form提交上去，不是提交参数。请问我该怎么样实现？谢谢！

ajax 提交

$.post(url,data,function(){})

不好意思，修改下刚才的<input type="submit" onclick="submitMainForm()"/>
改成
<button type="button" onclick="submitMainForm()"></button>
我该怎么样提交MainForm呢？
麻烦请详细点，我刚接触jq。。。谢谢！

不好意思，修改下刚才的<input type="submit" onclick="submitMainForm()"/>
改成
<button type="button" onclick="submitMainForm()">提交</button>
我该怎么样提交MainForm呢？
麻烦请详细点，我刚接触jq。。。谢谢！

target属性 + 隐藏的iframe 即可模拟出无刷新上传

<form name="mainForm" method="post" enctype="multipart/form-data" target="frame1">
  <input type="file" name="fileName"/>
  <input type="button" onclick="submitMainForm()"/>
</form>
<iframe name="iframe1" style="display:none"></iframe>
<script>
  function submitMainForm(){
  mainForm.submit();
  }
  function uploadOk(){
  alert("上传完毕！");
  }
  function uploadErr(){
  alert("上传失败！");
  }
</script>
原理是，当点击form时，页面从name为iframe1的iframe中打开，也就是页面还是会刷新，只不过在iframe中刷新，不过我们将iframe隐藏起来就OK了，这样就感觉是无刷新了，iframe提交文件上传完毕后，转到一个页面去，例如转到a.html。
a.html里面可以通过parent调用父页面的js方法，来通知上传完毕
例如parent.uploadOk();