如何实现html中提交表单后界面不跳转?

此篇文章只是记录一下自己在前端设计中遇到的一个问题：

在一个项目的开发中，有时候是涉及到前后台数据的交互，比如，前端界面中表单数据提交的时候一般情况下会进行页面的跳转，比如在某个网站的密码管理界面修改密码之后,界面会跳转到另外一个界面，在这个界面将会提示你"密码修改成功!界面即将跳转回登陆界面"。
但是有的时候在form表单提交之后，我们不想让界面跳转，这个时候应该怎么实现呢？

比如在下面一行代码中，

 <form action="http://localhost:8080/test" enctype="multipart/form-data" method="post" 
 id="saveReportForm" onsubmit="return save();">

可以通过设置form中的属性函数onsubmit()函数中的save()函数的返回值为false，这样的话form表单成功提交之后就不再跳转页面，而是仍然在当前页面。

但是有一个问题，我们怎样判断form表单是真正地提交成功了呢？

我所采用的是一下两种方法:（其实两种方法本质上是一样的，需要通过服务器端或者后台返回的数据来判断）

1. 通过ajax获取后台传回的数据来判断form成果提交
2. 通过使用jquery-form.js这个js插件来实现后台数据的获取，来判断表单是否成功提交

jquery-form.js插件是一款Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax

文笔非常稚嫩，让大家见笑了，今后会不断提升自己的23333