jquery가 excel import_jquery를 구현하는 방법-JS 튜토리얼-php.cn

jquery가 excel import_jquery를 구현하는 방법

WBOY

풀어 주다： 2016-05-16 17:38:23

원래의

1186명이 탐색했습니다.

자바스크립트 자체에는 로컬 파일을 조작할 수 있는 권한이 없기 때문에 ActiveX를 사용하지 않으면 번거롭고 안전하지 않으며 전혀 사용하고 싶지 않습니다. 따라서 테이블에서 데이터를 얻는 방법은 다음과 같습니다. 페이지를 열고 로컬 파일에 저장하면 작동하지 않습니다.

내보낼 것은 테이블의 데이터이고 테이블의 데이터는 서버에서 가져오기 때문에 서버에 있는 데이터를 로컬에 다운로드해서 파일로 저장하면 됩니다.

서버측 구현 코드:

코드 복사 코드는 다음과 같습니다.

ServletOutputStream out = null;
try {
//출력 csv의 헤더 정보 설정
 response.setContentType("text/csv");
 String disposition = "attachment; fileName=data.csv";
 response.setHeader ("Content-Disposition ", disposition);
 //출력 객체 가져오기
 out = response.getOutputStream();
 //데이터 가져오기
 byte[] blobData = CSVParser.parseCsv( rs).getBytes(); 
 out.write(blobData);
 out.flush();
 out.close();
}catch(Exception e){
 throw e ;
}finally{ 
 if(out != null)
 out.close();
} 

CSVParser를 설명해야 하는 코드가 있습니다. Parser(rs).CSVParser는 데이터베이스에서 검색된 ResultSet 개체를 CSV 데이터로 변환하는 클래스입니다. 반환되는 것은 csv 형식의 문자열 데이터입니다. > iframe을 사용하여 클라이언트를 다운로드했습니다. 좀 더 일반적인 방법을 작성했습니다. 이 함수를 js 파일에 넣어서 사용할 때 페이지에서 직접 호출하면 됩니다

코드 복사 코드는 다음과 같습니다.

//URL 가져오기 쿼리 데이터에 따라 Return csv
function bsuExportCsv(url){
 //페이지에 다운로드할 iframe이 없으면 페이지에 iframe을 추가합니다
 if($('#downloadcsv'). length<=0)
 $('body').append("");
 $('# downloadcsv').attr(' src',url);
} 

url은 데이터를 요청하는 서블릿의 주소입니다. 이 주소는 csv 형식으로 데이터를 반환해야 합니다.
먼저 페이지에 downloadcsv ID를 가진 iframe이 있는지 확인하세요. body 태그에 iframe이 없으면 iframe의 src 속성을 수신 URL 주소로 설정하세요.

사용시 내보내려는 페이지에서 bsuExportCsv("http://localhost:8080/csvservelt")를 호출하면 됩니다.