无刷新提交表单

半腔热情 提交于 2020-02-03 23:00:00

有些时候,不能使用ajax来进行提交数据,必须用表单来提交,但是表单提交后刷新页面不可忍受,如何能进行表单无刷新提交呢。

近期在工作中就遇到了这个问题,经过深思熟虑还有和RD的仔细沟通。决定用iframe来解决这个问题。

form的target属性不光有_blank,_self, _top, _parent属性,还有自定义属性噢!

<form target="xxx"><form>

<iframe name='xxx'></iframe>

这样提交到action以后,返回一串Javascript代码,代码就会在当前页面执行,实现了无刷新提交的效果。

其实原理很简单,就是form提交后的结果在target指定的iframe里执行。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!