我的页面代码是这样的:
<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实现无刷新提交并返回值?
看下这篇文章,往下翻有个提交表单。原生的非常简单且使用。
http://www.webhek.com/javascript-fetch-a...
$.ajax({
type: "GET",
url: "",
dataType: "json",
success: function success(data) {
},
error: function error(msg) {
alert(msg);
}
});
无刷新的话,input的type='button'
不支持Html5的浏览器
用一个隐藏的iframe 把form表单的target属性指向 iframe 提交form表单的时候 页面是不会刷新的
会通过iframe post form表单action所指向的地址 包括form表单里面要上传的文件在 后台都能正常的取值;
上面是提交并取值,在后台处理完照常返回值(一般是js脚本),比如说:
'<script>parent.postcallback("success")</script>' //调用父窗体的一个回调函数做提示处理
支持Html5的浏览器
用js构建一个formdata对象 用ajax提交就行了(包括上传文件,用html5上传,还可以监听上传的真实进度)
具体的例子无刷新提交demo(请看源代码)