如何实现基于ajax的表单数据上传功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计182个文字，预计阅读时间需要1分钟。
“FormData在IE10才开始支持。以下是一个简单的示例，用于阻止默认的表单提交，不超过100个字：
javascriptdocument.getElementById('submit').onclick=function(event){ // 取消默认的表单提交 if(event.preventDefault) event.preventDefault(); else event.returnValue=false; // 对于IE的取消提交方式}
1 document.getElementById("_submit").onclick = function(event){ 2 //取消掉默认的form提交方式 3 if(event.preventDefault) event.preventDefault(); 4 else event.returnValue = false; //对于IE的取消方式 5 6 var formDOM = document.getElementsByTagName("form")[0]; 7 //将form的DOM对象当作FormData的构造函数 8 var formData = new FormData(formDOM); 9 var req = new XMLHttpRequest(); 10 req.open("POST", "upload"); 11 //请求完成 12 req.onload = function(){ 13 if(this.status === 200){ 14 //对请求成功的处理 15 } 16 } 17 //将form数据发送出去 18 req.send(formData); 19 //避免内存泄漏 20 req = null; 21 } my.oschina.net/u/2442830/blog/1581076
本文共计182个文字，预计阅读时间需要1分钟。
“FormData在IE10才开始支持。以下是一个简单的示例，用于阻止默认的表单提交，不超过100个字：
javascriptdocument.getElementById('submit').onclick=function(event){ // 取消默认的表单提交 if(event.preventDefault) event.preventDefault(); else event.returnValue=false; // 对于IE的取消提交方式}
1 document.getElementById("_submit").onclick = function(event){ 2 //取消掉默认的form提交方式 3 if(event.preventDefault) event.preventDefault(); 4 else event.returnValue = false; //对于IE的取消方式 5 6 var formDOM = document.getElementsByTagName("form")[0]; 7 //将form的DOM对象当作FormData的构造函数 8 var formData = new FormData(formDOM); 9 var req = new XMLHttpRequest(); 10 req.open("POST", "upload"); 11 //请求完成 12 req.onload = function(){ 13 if(this.status === 200){ 14 //对请求成功的处理 15 } 16 } 17 //将form数据发送出去 18 req.send(formData); 19 //避免内存泄漏 20 req = null; 21 } my.oschina.net/u/2442830/blog/1581076