主页 > 知识库 > ajax(iframe)无刷新提交表单、上传文件

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

热门标签:Linux服务器 电子围栏 科大讯飞语音识别系统 服务器配置 银行业务 团购网站 阿里云 Mysql连接数设置
找遍资料得出结果:不能
不过同时也找到了解决办法,就是用iframe的方式来提交表单,即实现无刷新提交表单又可以上传文件!
一、HTML代码
复制代码 代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无刷新提交表单/title>
script type="text/javascript">
!--
function callback(str){
alert(str);
}

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

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

echo ("script type=\"text/javascript\">parent.callback('操作成功 ! ')/ script>");
您可能感兴趣的文章:
  • Ajax方式提交带文件上传的表单及隐藏iframe应用
  • 详解Ajax和form+iframe 实现文件上传的方法(两种方式)
  • js动态创建上传表单通过iframe模拟Ajax实现无刷新
  • iframe实现Ajax文件上传效果示例
  • 原生ajax和iframe框架实现图片文件上传的两种方式
  • PHP实现带进度条的Ajax文件上传功能示例
  • PHP使用HTML5 FileApi实现Ajax上传文件功能示例
  • php+ajax 文件上传代码实例
  • PHP+Ajax实现上传文件进度条动态显示进度功能
  • PHP+iframe模拟Ajax上传文件功能示例

标签:衢州 蚌埠 衡水 大理 江苏 枣庄 广元 萍乡

巨人网络通讯声明:本文标题《ajax(iframe)无刷新提交表单、上传文件》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266