如何使用原生js提交form 财富值57

2016-04-03 03:04发布

站内问答 / 其它
927 1 0

我的页面代码是这样的：

<form action="/upload.php" enctype="multipart/form-data"  method="post"> <p>UpLoad: <input type="text" name="fname" /></p> <p>UpLoad: <input type="file" name="fname" /></p> <input type="submit" value="Submit" /> </form>

如何用原生js实现无刷新提交并返回值？

发送
1条回答
fatears - 我不怕等你但是我最怕我爱到尽头选择的而不是我
1楼 · 2016-04-03 09:04.采纳回答

不支持Html5的浏览器

用一个隐藏的iframe 把form表单的target属性指向 iframe 提交form表单的时候 页面是不会刷新的  
会通过iframe post form表单action所指向的地址 包括form表单里面要上传的文件在 后台都能正常的取值；
 
上面是提交并取值，在后台处理完照常返回值（一般是js脚本），比如说： 
<script>parent.postcallback("success")</script> //调用父窗体的一个回调函数做提示处理 
支持Html5的浏览器
用js构建一个formdata对象 用ajax提交就行了（包括上传文件，用html5上传，还可以监听上传的真实进度）
 
具体的例子无刷新提交demo（请看源代码）

一周热门 更多>