form 无刷新页面提交表单

Posted Juneling

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form 无刷新页面提交表单相关的知识,希望对你有一定的参考价值。

表单可实现无刷新页面提交,无需页面跳转,如下:

通过一个隐藏的iframe实现,

form表单的target设置为iframe的name名称,
form提交目标位当前页面iframe则不会刷新页面

<form action="/url.do" method="post" target="targetIfr">
<input type="text" name="name"/>
</form>   
<iframe name="targetIfr" style="display:none"></iframe>

以上是关于form 无刷新页面提交表单的主要内容,如果未能解决你的问题,请参考以下文章

axios页面无刷新提交from表单

表单 - Form - 无刷新提交原理

form表单提交方式

使用iframe实现页面无刷新提交表单

js实现无刷新表单提交文件,将ajax请求转换为form请求方法

form表单提交方式