利用ajaxSubmit无刷新异步上传导入Excel，无刷新提交表单

需要引用jQuery.form.js文件，下载地址：http://download.csdn.net/detail/gorch/9630532

前台页面代码：

[html]  view plain  copy

 

1. <script type="text/javascript" src="/js/jquery.js"></script>  
2. <script type="text/javascript" src="/js/jquery.form.js"></script>  

[html]  view plain  copy

 

1. <form method="post" enctype="multipart/form-data" action="ImportExcel_DuiZhang.jsp" id="formImport">  
2.         <table width="100%" cellpadding="5px" id="diaTable" style="display:none;">  
3.             <tr>  
4.                 <td>  
5.                     <input type="file" name="uploadFile" id="uploadFile" style="width:290px" />  
6.                 </td>  
7.             </tr>  
8.             <tr>  
9.                 <td style="text-align:center;padding-top:10px;">  
10.                     <a href="javascript:submitImport()" id="btnOK">确定</a>  
11.       
12.                 </td>  
13.             </tr>  
14.         </table>  
15.     </form>  

[javascript]  view plain  copy

1. <script>    
2.     function submitImport(){    
3.       var epath = $('#uploadFile').val();    
4.             
5.         if(epath==""){    
6.             alert( '导入文件不能为空!');    
7.             return;    
8.         }    
9.             
10.         if(epath.substring(epath.lastIndexOf(".") + 1).toLowerCase()=="xlsx"){    
11.             alert( '03以上版本Excel导入暂不支持!');    
12.             return;    
13.         }    
14.         if (epath.substring(epath.lastIndexOf(".") + 1).toLowerCase()!="xls") {    
15.             alert( '导入文件类型必须为excel!');    
16.             return;    
17.         }    
18.         $('#btnOK').linkbutton('disable');    
19.         $("#formImport").ajaxSubmit({     
20.             type: "post",      
21.             dataType: "script",  // 'xml', 'script', or 'json' (expected server response type)     
22.             url: "ImportExcel_DuiZhang.jsp",    
23.             success: function (data1) {    
24.                 $('#btnOK').linkbutton('enable');    
25.                 if(data1.replace(/\s+/g,"")=="1"){    
26.                     alert('导入成功');    
27.                     location.reload();    
28.                 }else{    
29.                     alert(data1);    
30.                 }    
31.             },    
32.             error: function (msg) {    
33.                 $('#btnOK').linkbutton('enable');    
34.                 alert("文件上传失败");        
35.             }    
36.         });    
37.   }    
38. </script>   

ajaxSubmit 部分参数说明

dataType：期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。
下面的值被支持：
'xml'：如果dataType == 'xml'，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定， 将传回responseXML值。
'json'：如果dataType == 'json'， 服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。 

'script'：如果dataType == 'script'， 服务器响应将求值成纯文本。

后台处理代码

[java]  view plain  copy

 

1. <%@ page import="java.util.*" %>  
2. <%@ page import="jxl.*"%>  
3. <%@ page import="jxl.write.*"%>  
4. <%@ page import="java.io.*"%>  
5. <%@ page import="org.apache.commons.fileupload.RequestContext"%>  
6. <%@ page import="org.apache.commons.fileupload.servlet.ServletRequestContext"%>  
7. <%@ page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>  
8. <%@ page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>  
9. <%@ page import="org.apache.commons.fileupload.FileItem"%>  

[java]  view plain  copy

 

1. try{  
2.     response.setContentType("text/html");  
3.     request.setCharacterEncoding("utf-8");  
4.     // 声明文件域  
5.     FileItem fileItem = null;  
6.     // 从 HTTP servlet 获取 fileupload 组件需要的内容  
7.     RequestContext requestContext = new ServletRequestContext(request);  
8.     // 判断是否包含 multipart 内容，如果不包含，则不进行任何处理。  
9.     if (ServletFileUpload.isMultipartContent(requestContext))   
10.     {  
11.         // 创建基于磁盘的文件工厂  
12.         DiskFileItemFactory factory = new DiskFileItemFactory();  
13.         // 设置直接存储文件的极限大小，一旦超过则写入临时文件以节约内存。默认为 1024 字节  
14.         factory.setSizeThreshold(1024 * 1024);  
15.         factory.setRepository(new File(request.getSession().getServletContext().getRealPath("\\")));  
16.           
17.         // 创建上传处理器，可以处理从单个 HTML 上传的多个上传文件。  
18.         ServletFileUpload upload = new ServletFileUpload(factory);  
19.         // 最大允许上传的文件大小  
20.         upload.setSizeMax(10 * 1024 * 1024);  
21.           
22.         try {  
23.             // 处理上传  
24.             List items = upload.parseRequest(requestContext);  
25.   
26.             // 由于提交了表单字段信息，需要进行循环区分。  
27.             for (int i = 0; i < items.size(); i++) {  
28.                 FileItem fi = (FileItem) items.get(i);  
29.                 // 如果不是表单内容，取出 multipart。  
30.                 if (!fi.isFormField()) {  
31.                     fileItem = fi;  
32.                     // 一次只上传单个文件  
33.                     break;  
34.                 }  
35.             }  
36.   
37.             Workbook workbook = null;  
38.             Cell header = null;  
39.             Cell cell = null;  
40.             String currentColumn = "";  
41.               
42.             InputStream uploadedStream = fileItem.getInputStream();  
43.             workbook = Workbook.getWorkbook(uploadedStream);  
44.             Sheet sheet = workbook.getSheet(0);  
45.               
46.             //返回去掉空行的记录数  
47.             int nullCellNum;//统计空格数  
48.             int row = sheet.getRows();  
49.             int column = sheet.getColumns();  
50.             int actualRows = row;  
51.             for (int m = 0; m < row; m++) { //统计行中为空的单元格数  
52.                nullCellNum = 0;  
53.                 for (int n = 0; n < column; n++) {  
54.                     String val = sheet.getCell(n, m).getContents();  
55.                     val = StringUtils.trimToEmpty(val);  
56.                     if (StringUtils.isBlank(val))  
57.                        nullCellNum++;  
58.                 }  
59.                 if (nullCellNum >= column) { //如果nullCellNum大于或等于总的列数  
60.                     actualRows--;          //行数减一  
61.                }  
62.             }  
63.               
64.             String dzTitle=sheet.getCell(1, 1).getContents().trim();  
65.             String lifnr=sheet.getCell(1, 2).getContents().trim();  
66.             //补0  
67.             try{  
68.                 lifnr="0000"+Integer.parseInt(lifnr);  
69.             }catch(Exception ep1){  
70.                   
71.             }  
72.               
73.             if(null==dzTitle||"".equals(dzTitle)){  
74.                 out.print("对账单标题为空");  
75.             }else if(null==lifnr||"".equals(lifnr)){  
76.                 out.print("物流商编码为空");  
77.             }else{  
78.                 //一系列处理过程......  
79.                 out.print("1");  
80.             }  
81.         }  
82.         catch (Exception ex) {  
83.             out.print("Exception2:"+ex.getMessage());  
84.         }  
85.     }  
86.     else{  
87.         out.print("读取文件失败");  
88.     }  
89.   
90. }catch (Exception ex) {  
91.     out.print("Exception3:"+ex.getMessage());  
92. }