application/x-www-form-urlencoded 와 multipart/form-data(자체 검증 되 지 않 음)

2100 단어 JavaScriptAjax양식
원본 주소:http://hi.baidu.com/nangegehao/item/45718900b0efe5d61ef04609
1.HTTP 가 올 린 기본 지식      
         Form 요소 의 문법 에서 Enctype 은 데 이 터 를 제출 하 는 형식 을 Enctype 속성 으로 서버 에 전송 할 때 브 라 우 저 에서 사용 할 인 코딩 형식 을 지정 합 니 다.다음은 설명:application/x-ww-form-urlencoded:창 데이터 가 이름/값 으로 인 코딩 되 었 습 니 다.이것 은 표준 인 코딩 형식 이다.multipart/form-data:창 데 이 터 는 하나의 메시지 로 인 코딩 되 었 고 페이지 의 모든 컨트롤 은 메시지 의 일부분 에 대응 합 니 다.text/plain:창 데 이 터 는 일반 텍스트 형식 으로 인 코딩 되 며,컨트롤 이나 형식 문 자 는 포함 되 어 있 지 않 습 니 다.form 을 보충 하 는 enctype 속성 은 인 코딩 방식 으로 두 가지 가 있 습 니 다.application/x-ww-form-urlencoded 와 multipart/form-data,기본 값 은 application/x-ww-form-urlencoded 입 니 다.
         action 이 get 일 때 브 라 우 저 는 x-ww-form-urlencoded 의 인 코딩 방식 으로 form 데 이 터 를 문자열 로 변환 합 니 다(name 1=value 1& amp;name 2=value 2...)그리고 이 문자열 을 url 뒤에 append 해서 사용 하 시 겠 습 니까?분할,이 새로운 url 을 불 러 옵 니 다.
         action 이 post 일 때 브 라 우 저 는 form 데 이 터 를 http body 에 밀봉 한 다음 server 에 보 냅 니 다.
        type=file 컨트롤 이 없 으 면 기본 application/x-ww-form-urlencoded 를 사용 하면 됩 니 다.하지만 type=file 이 있 으 면 multipart/form-data 를 사용 해 야 합 니 다.브 라 우 저 는 전체 폼 을 컨트롤 단위 로 분할 하고 각 부분 에 Content-Disposition(form-data 또는 file),Content-Type(기본 값 은 text/plain),name(컨트롤 name)등 정 보 를 추가 하 며 분할 문자(boundary)를 추가 합 니 다.
2.사용 중 주의해 야 할 점
       AJAX 에서 서버 에 데 이 터 를 올 리 는 것 은 content-type 을 application/x-ww-form-urlencoded 로 설정 한 것 입 니 다.이 때 는 전체 발송 내용 을 인 코딩 한 것 이지 이름 에 대응 하 는 값 을 인 코딩 한 것 이 아 닙 니 다.따라서 서버 에서 request.getParameter("name")방식 으로 값 을 추출 하 는 데 문제 가 있 습 니 다.
       두 가지 해법 이 있다.
1)서버 변경:흐 르 는 방식 으로 하 드 코딩
InputStream stream=request.getInputStream();
InputStreamReader isr=new InputStreamReader(stream);
BufferedReader br=new BufferedReader(isr);
String str=br.readLine();  
System.out.println(str);
str=URLDecoder.decode(str,"gb2312");
System.out.println(str);
br.close();

2)클 라 이언 트 변경:데이터 전송 구조 변경
서버 에 데 이 터 를 보 낼 때 name=escape(value)방식 으로 그룹 을 맞 춥 니 다.
이 때 서버 코드 에서 request.getParameter("name")를 통 해 얻 은 수 치 는 인 코딩 하지 않 아 도 됩 니 다.

좋은 웹페이지 즐겨찾기