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);
        });
    });
  • 相关阅读:
    由于客观原因,暂时学习php两天,然后继续学习.net
    【任务】html编辑器在vs2003下实现
    one bug og webMatrix when create a new file
    数据统一接口?
    安全3S
    一个订单管理页面
    【总结】浪费3个月向.net继续前进
    关于在asp.net中类的继承问题
    【心得】create a data table in webMatrix is very easy!
    Java与.NET谁是未来
  • 原文地址:https://www.cnblogs.com/goloving/p/7491027.html
Copyright © 2011-2022 走看看