简单方法实现无刷新提交Form表单

前几天遇到一个前端的问题。我希望提交表单后页面不跳转且不刷新当前页面,然而查了很多方法都没有解决。
由于Form 是提交后一定刷新页面的,所以我们可以用一个折中的办法。我们给Form 指定一个iframe,这样表单提交后刷新的就是我们指定的iframe 而不是页面了。

<iframe id="fraSubmit" name="fraSubmit" style="display:none;"></iframe>

定义完成后在form 内指定iframe

 <form action="doSomethins.html" method=post name=myform target="fraSubmit">

通过添加 target="fraSubmit" 我们就实现无刷新提交表单了。

posted @ 2017-12-12 15:27  六层楼  阅读(2481)  评论(0编辑  收藏  举报