Development/JavaScript, jQuery, ...(535)
-
[Ajax] jQuery를 이용하여 Ajax 통신을 하는 경우
jQuery를 이용하여 Ajax 통신을 하는 경우· 일반 Javascript로 Ajax 코드를 작성하게 되면 코딩량도 많아지고, 브라우저 별로 구현을 다르게 해주어야 하는 단점이 있습니다.· jQuery를 이용하면 더 적은 코드와 동일한 코드로 대부분의 브라우저에서 같은 동작을 할 수 있도록 해줍니다. 즉, 크로스 브라우징(cross-browsing) 구현이 쉬워집니다.· jQuery를 이용하면 100줄 정도의 Source 코드를 단 몇 줄 만으로 간단하게 서버와 데이터를 주고 받을 수 있는 코드를 작성할 수 있습니다.
-
기존 웹 응용 동작 방식
기존 웹 응용 동작 방식기존 웹 응용 어플리케이션의 동작 원리입니다.
-
[Ajax] Ajax 요청 취소, abort()
Ajax 요청 취소서버로 보낸 Ajax 요청에 대한 응답이 도착하기 전에 해당 요청을 취소해야 할 때는 abort() 메소드를 사용하면 됩니다. abort()send 메소드로 보낸 요청을 취소합니다.
-
Content-Type 헤더
Content-Type 헤더응답 받은 Content-Type 헤더의 값은 "text/html"로 설정되어 있습니다. 이것은 HTML문서 타입을 의미합니다.Content-Type 헤더의 값을 직접 설정하지 않으면, HTML 문서의 MIME 타입인 "text/html"로 자동 설정됩니다. 대부분의 Ajax 응용 프로그램에서 다루게 되는 XML은 일반적인 파일 형태의 XML 문서가 아닙니다.Ajax 요청을 받은 후에 PHP, JSP, ASP와 같은 서버 프로그램이 실행되어 동적으로 생성되는 XML 형태의 데이터를 만들어서 반환합니다. 따라서 이 경우에는 데이터의 확장자가 .xml이 아니므로 응답 데이터의 MIME 타입이 "text/xml"이라고 명시적으로 설정해 주어야 합니다.
-
[Ajax] 서버로부터의 응답 데이터 확인
서버로부터의 응답 데이터 확인Ajax에서는 서버로부터 전달받은 데이터를 다음 프로퍼티를 이용하여 확인할 수 있습니다.
-
[Ajax] HTTP 응답 헤더 - getAllResponseHeaders() 메소드, getResponseHeader() 메소드
HTTP 응답 헤더Ajax에서는 서버로부터 전달받은 HTTP 응답 헤더 내용을 다음 메소드를 이용하여 확인할 수 있습니다. · getAllResponseHeaders() 메소드· getResponseHeader() 메소드 getAllResponseHeaders 메소드· HTTP 응답 헤더의 모든 헤더를 문자열로 반환합니다.· 응답을 받은 경우 응답의 모든 헤더 정보를 문자열로 돌려줍니다.· 즉, 헤더 전체 내용을 가져옵니다.