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

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


前台页面代码:

[html]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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
  在CODE上查看代码片 派生到我的代码片
  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(11).getContents().trim();  
  65.             String lifnr=sheet.getCell(12).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. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值