zoukankan      html  css  js  c++  java
  • 通过form表单上传文件获取后台传来的数据

      小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值。有的小伙伴就会说你不会发送ajax,其实也会。假如提交的form表单中含有文件,怎么办?

    步骤1:想要通过submit方式提交form表单,需要引入js   

    jquery.js

    jquery-form.js

    <script type="text/javascript" src="http://malsup.github.com/jquery.form.js" /></script>

    步骤2:写一个form表单

    <form name="serialNumber_importSerialNumber" id="serialNumber_importSerialNumber" method="post" enctype="multipart/form-data">
    <div id="importSerialNumberDiv">
        <center>
            <br /> 请选择要导入的规则库文件:<input type="file" id="serialNumberFile" name="importSerialNumber" />
            <button class="layerButton" id="buttonSubmit">
                <span>确定</span>
            </button>
        </center>
    </div>
    </form>

    步骤3:js获取从后台返回的值

    var serialNumberUrl = "";
    $(function() {
        $("#buttonSubmit").bind("click", function() {
            var serialNumberFileVal = $("#serialNumberFile").val();
            serialNumberFileVal = serialNumberFileVal.substring(serialNumberFileVal.lastIndexOf('.') + 1);
            if (serialNumberFileVal != "xml") {
                showAlertDialog("提示", "请选择xml文件上传");
                return false;
            } else {
                serialNumberUrl = "${basePath}/genuineSerialNumberManagementAction_importSerialNumber.do?disc=baseLineTemplate";
                document.serialNumber_importSerialNumber.action = serialNumberUrl;
                serialNumber_importSerialNumber.submit();
            }
        });
         /** 验证文件是否导入成功  */  
        $("#serialNumber_importSerialNumber").ajaxForm(function(data){
            setMessage(data);
        });
    });
  • 相关阅读:
    推销
    5132. 颜色交替的最短路径
    5130. 等价多米诺骨牌对的数量
    @babel/plugin-transform-runtime和@babel/preset-env的区别
    5128. 最深叶节点的最近公共祖先(二叉树)
    1094. 拼车
    1109. 航班预订统计(数组)
    5129. 表现良好的最长时间段(数组)
    path.resove 和 path.join
    【原生】 call、apply、bind 的基本使用方法,已经解析了某些源码
  • 原文地址:https://www.cnblogs.com/goloving/p/7491027.html
Copyright © 2011-2022 走看看