微网站难做么,室内装修设计图片,动易 网站顶部导航 sitefactory,手机兼职群不使用Ajax#xff0c;如何实现表单提交不刷新页面#xff1f; 目前#xff0c;我想到的是使用iframe#xff0c;如果有其他的方式#xff0c;后续再补。举个栗子#xff1a; 在表单上传文件的时候必须设置enctypemultipart/form-data表示表单既有文…不使用Ajax如何实现表单提交不刷新页面 目前我想到的是使用iframe如果有其他的方式后续再补。举个栗子 在表单上传文件的时候必须设置enctypemultipart/form-data表示表单既有文本数据又有文件等二进制数据。但是使用用Ajax没有enctypemultipart/form-data所以不能直接上传文件所以采用FormData对象包含数据上传。 这里我们不使用Ajax直接提交表单添加一个隐藏得iframe将form表单的target指向这个iframe来阻止刷新并且上传文件。 form methodPOST action./upload.php enctypemultipart/form-data targetifr idform1label fornamename:/labelinput typetext idname namename/br/input typefile namefile input typesubmit value提交
/form 接着我们要获取返回值 var iframedocument.getElementById(ifr);iframe.onload function () {var bodycontentiframe.contentDocument.body.innerHTML;console.log(bodycontent);//处理获取到的内容} 这样的话基本上可以模拟ajax的操作实现无刷新提交表单。 完整代码 !DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
form methodPOST action./upload.php enctypemultipart/form-data targetifr idform1label fornamename:/labelinput typetext idname namename/br/input typefile namefile input typesubmit value提交
/form
iframe nameifr idifr styledisplay: none;/iframe
script
var iframedocument.getElementById(ifr);iframe.onload function () {var bodycontentiframe.contentDocument.body.innerHTML;console.log(bodycontent);//处理获取到的内容}/script
/body
/html //php代码?phpecho name:.$_POST[name].;filename:.$_FILES[file][name]; 转载于:https://www.cnblogs.com/bluey/p/6255372.html