• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax(iframe)无刷新提交表单、上传文件
    找遍资料得出结果:不能
    不过同时也找到了解决办法,就是用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回调函数参数传递正确方法
    下一篇:ajax问题总结 比较全
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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