众所周知，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框架了
众所周知，form表单提交是要重定向的，但在有些需求中，是要实现无刷新提交的。demo如下 在form表单添加两个...
Ajax实现form表单的POST请求，实现无刷新即可登录 前端为form.html，后端为form.php 代码...
之前我是通过表单上传的，现在有需求，通过ajax无刷新提交。 首先在form表单上面加上`enctype="mul...
在默认情况下， 提交form表单后， 是有刷新的。 但是， 有的时候， 希望提交表单后不要刷新， 免得把页面已经有...
在form表单的提交中我们往往要阻止表单的自动提交，阻止页面自动刷新，运用ajax异步获取数据动态刷新页面的效果，...
方法不唯一，这里介绍的是 通过ajaxSubmit来完成 ajax对form表单的提交包括图片，目的是无刷新。 -...
前言 1、从form表单提交说起 为什么从表单提交说起呢？因为大部分与后台的交互都是在form表单中实现，恰巧我入...
iframe中的name与form表单中的target相同
今天介绍下web开发中常用的两种表单验证，form提交和ajax提交 form提交 表单是通过form提交时，用户...
注意：form表单中会默认无类型按钮为提交（submit）按钮 form表单下的按钮在没有指定type类型的时候，...
本文标题：实现form表单无刷新提交
本文链接：https://www.haomeiwen.com/subject/zcixoxtx.html
网友评论