通過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); }); });