众所周知,form表单提交是要重定向的,但在有些需求中,是要实现无刷新提交的。
demo如下
<form method="post" enctype="multipart/form-data" class="addFile" target="addfile"
action="../../../system/crmJcb_AddJcFile.action">
</form>
在form表单添加两个属性,一个是enctype
,一个是target
,然后再添加一个iframe。
<iframe id="addfile_iframe" src="" name="addfile" style="display: none;" frameborder="0"></iframe>
可以看到,form标签的target属性的值是与所要提交到的iframe的name值是相同的,这样就可以实现了。
研究其原理,查了些资料。
w3c是这样描述form的target属性的:
所以我觉得,form表单还是重定向了,只不过这个是作用于iframe框架了