实现form表单无刷新提交

众所周知,form表单提交是要重定向的,但在有些需求中,是要实现无刷新提交的。
demo如下

在form表单添加两个属性,一个是enctype,一个是target,然后再添加一个iframe。


可以看到,form标签的target属性的值是与所要提交到的iframe的name值是相同的,这样就可以实现了。
研究其原理,查了些资料。
w3c是这样描述form的target属性的:


实现form表单无刷新提交_第1张图片

所以我觉得,form表单还是重定向了,只不过这个是作用于iframe框架了

你可能感兴趣的:(实现form表单无刷新提交)