발생환경: 톰캣7, 익스플로러10

정보: Error parsing HTTP request header

 Note: further occurrences of HTTP header parsing errors will be logged at DEBUG level.

java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986

at org.apache.coyote.http11.InternalInputBuffer.parseRequestLine(InternalInputBuffer.java:189)

at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1028)

at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:637)

at org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:318)

at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145)

at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615)

at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)

at java.lang.Thread.run(Thread.java:745)

크롬에서는 문제가 없으나 익스플로러에서

콘솔에는 위와같이 표시되고

웹브라우저에는  400에러가 표시될때

JavaScript URI 부분에서 한글 인코딩 처리를 해주어야 한다

한글값이 넘어가는 부분에

기존:

"&koreanValue=" + eval("koreanValue"+checkRow).value;

수정:

"&koreanValue=" + encodeURI(eval("koreanValue"+checkRow).value);

처리를 통해 에러가 발생하기 않게 되었다.

값들을 직렬화해서 보냈더니 한글로 된 값들이 깨져서 이상하게 표시됨

해결

출처: 한영수 부장님

AJAX 특징

- 비동기적 통신 기술. 새로고침없이 빠르게 (동기적: 작업이 완료될때(화면이 로딩될때)까지 기다려야함)

- 웹 페이지 전체를 새로 읽지 않고, 소량의 데이터만 전송함으로서 웹페이지의 일부를 동적으로 구현 가능.(이동하는 깜빡임 없음)

- 웹 브라우저가 아닌 XMLHttp객체가 웹 서버와 통신

- 웹 서버의 응답 결과가 HTML이 아닌 XML 또는 단순 텍스트, JSON

- 페이지 이동 없이 결과가 화면에 반영

예) 네이버,구글등 검색창에 검색어를 입력하는 동안 추천검색어들이 표시되는 동적인 화면!

예시.

$.ajax({   url: '<c:url value="/memo/ajaxDetail.do"/>',

type: 'get', 

dataType: 'json', 

data: 'name: $('#name').val(), content: $('#content').val()' , 

success: function (res) { var output="번호 : "+ res.no+"<br>"
                                             +"이름 : "+res.name+"<br>"
                                             +"메모 : " + res.content; 

  $('#result').html(output); }, 

error: function(xhr, status, error){ alert(error); } 

});

$("#email2").change(function(event){~~~~~~~~~});

$("#아이디").메서드(펑션(이벤트){~~~~~~~~~});

값을 가져올때는 .val()

값을 입력할때는 .val(  여기에 입력할 값 넣기  )

style 속성에 접근할때는 css로

.css({'visibility':'visible'});