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

Posted KoKo

tags:

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

为什么Form组件的表单提交可以做到无刷新?

 

EasyUI在提交的时候,将表单作为一个隐藏的iframe进行的提交,并不是我们看到的那个表单进行的提交

 

并且那个iframe使用了绝对定位,保证页面上不可见

 

 

 

那么Form组件提交和Ajax提交怎么选择呢?

 

个人觉得大多数时候是差不多的,主要区别在于Form组件的提交本质还是表单,可以做到无刷新提交文件

 

 

 

大概原理就是这样子

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

jquery如何实现form提交无刷新返回一个页面

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

ajax+FormData+javascript实现无刷新表单信息提交

jQuery实现form表单基于ajax无刷新提交方法详解

AJAX PHP无刷新form表单提交的简单实现(推荐)

axios页面无刷新提交from表单