提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

ajax(iframe)无刷新提交表单、上传文件

文件上传AJAX 提交 表单 刷新 iframe
2023-06-13 09:14:26 时间
找遍资料得出结果：不能
不过同时也找到了解决办法，就是用iframe的方式来提交表单，即实现无刷新提交表单又可以上传文件！
一、HTML代码
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无刷新提交表单</title>
<scripttype="text/javascript">
<!--
functioncallback(str){
alert(str);
}

//--></script>
</head>
<body>
<formname="form1"method="POST"action="../post.php"target="post_frame"enctype="multipart/form-data">
<iframename="post_frame"id="post_frame"style="display:none;"mce_style="display:none;"></iframe>
<inputtype="file"name="img"/>
<inputname="power[]"type="text"/>
<inputtype="submit"value="完成以上修改"name="submit"/>
</form>
</body>
</html>

二、PHP代码（处理代码）
这里的代码就想怎么写怎么写了，不过这个里执行完了刚才那个HMTL页面应该要有所表现，这时就要用到上个页面中的functioncallback()了
复制代码代码如下:

echo("<scripttype=\"text/javascript\">parent.callback("操作成功!")</script>");

相关文章