zoukankan      html  css  js  c++  java
  • 关于上传文件 非ajax提交 得到后台数据问题

    <form name="configForm" id="configForm" method="post" action="" >

      ..........

    </form>

    根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美。

    但是如果需要上传文件,

    <tr>
      <td class="fontSize">请选择文件:</td>
      <td><input type="" class="easyui-filebox" id="fileImport" name="file" value="" style="300px;"></td>
    </tr>

    这个文件数据后台得不到,表单数据这个file也是null,这时需要

    <form name="configForm" id="configForm" method="post" action=""  enctype="multipart/form-data" >

    添加的这个enctype="mutipart/form-data" 后台可以

    @RequestMapping("/saveAppVersion")
    @ResponseBody
    public ModelMap saveAppVersion(String action, TbdAppVersion tbdAppVersion,
          @RequestParam(value = "file") MultipartFile file) {....

    }

    接收。

    但是必须要表单提交请求数据,ajax仍然不行(具体原因可以百度。。)

    <form name="configForm" id="configForm" method="post" action="/admin/systemConfig/saveAppVersion.do" enctype="multipart/form-data">

    ......

    </form>

    easyui里面的js  submit提交

    handler : function() {
      $("#configForm").submit();
    }

    那么问题来了,提交过后如何获得后台返回数据呢?

    <form name="configForm" id="configForm" method="post" action="/admin/systemConfig/saveAppVersion.do"

          enctype="multipart/form-data" target="myIframe"> 。。。。。 </form>

    <iframe name="myIframe" id="if_json" style="display:none">
    </iframe>

    在表单里添加一个target,也就是说提交成功返回的数据写在了name为myIframe的这个iframe中,只刷新这个iframe,接下来就是获得这个数据了,

    虽然百度不是什么好鸟,但是有些东西还是可以找到的,比如以下获取iframe数据的方法!

    handler : function() {

      $("#configForm").submit();
      $("#if_json").load(function(){//获取iframe中的内容
      var body = $(window.frames['myIframe'].document.body);
      var data = eval('(' + body[0].textContent + ')');
        if(data.resultCode && data.resultCode != 0){
                    .........
        }else{

             .........

            }
      });

    }

  • 相关阅读:
    jsp学习笔记(一)
    20170215学习计划
    腾讯云CVM使用记录--使用root权限
    转:ASP.NET MVC3 Model验证总结
    ASP.NET MVC3更新出错:ObjectStateManager中已存在具有同一键的对象
    c#中如何将一个string数组转换为int数组
    转:自定义ASP.NET MVC Html辅助方法
    转:ASP.NET MVC扩展之HtmlHelper辅助方法
    自己用的一个ASP.Net MVC分页拿出来分享下(转)
    MVC分页控件之二,为IQueryable定义一个扩展方法,直接反回PagedList<T>结果集(转)
  • 原文地址:https://www.cnblogs.com/teitey/p/5951734.html
Copyright © 2011-2022 走看看