Springmvc 에 ajax 를 추가 하여 파일 업로드 및 페이지 부분 새로 고침 실현

1.업로드 단 추 를 누 르 면 다음 작업 을 수행 합 니 다.폼 이름과 input 이름 을 통 해 해당 하 는 값 을 가 져 옵 니 다.업 로드 된 파일 에 대해 서 는.files 를 사용 하여 가 져 옵 니 다.
파일 업로드 가 포함 되 어 있 기 때문에 FormData 형식 으로 데이터 상호작용 을 하고 append 를 통 해 fm 대상 에 데 이 터 를 넣 습 니 다.
기본 적 인 상황 에서 contentType="application/x-www-form-urlencoded".이 콘 텐 츠 인 코딩 형식 은 대부분의 상황 을 만족 시 킵 니 다.
그러나 파일 을 업로드 할 때 form 의 속성 을 다음 과 같이 설정 합 니 다:contentType=multipart/form-data.ajax 에서 false 로 설정 합 니 다.
jquery 가 이 를 조작 하지 않도록 processData 를 false 로 설정 하고 Jquery 가 DATA 데 이 터 를 변경 하 는 것 을 금지 합 니 다.
2.업로드 에 성공 하고 되 돌아 오 는 정 보 를 처리 하 며 모드 상 자 를 숨 기 고 데 이 터 를 보 여 주 는 DIV 를 부분 새로 고침 합 니 다.그 중에서 div 의 내용 은 하위 페이지 로 홈 페이지 에 삽입 하 는 것 이 좋 습 니 다.

3.데 이 터 를 list 에 올 려 프론트 데스크 에 전송 하고 점프 하 는 페이지,즉 DIV 에 포 함 된 jsp 페이지 를 부분 적 으로 새로 고침 하여 부분 적 으로 새로 고침 효 과 를 실현 합 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기