Ajax (5) 썸네일형 리스트형 전자정부 ajax 405 에러 또 404에러 결과값을 json으로 돌려주는....컨트롤러 리퀘스트 맵핑도 맞고, 결과값도 가져오는 상황에서 계속 404에러 또는 405에러가 났다. 처음에는 post, get 요청에 따른 것인가..... 검색도 해보았으나.... Request method 'GET' not supported Ajax에서 404에러 또는 405에러 근데 정말 어처구니 없게도... servlet.xml 파일에서.... json view 설정을 안해줬던 것이었다!!! 아이고!! 결국 설정 안해줘서 그랬던것임... Ajax - (4) JSON 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML JSON 텍스트 파일 실습입니다. 파일수신 JSON { "username" : "홍길동", "age" : 20, "address" : "서울" } 설명 16~21번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 json파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 26번 라인 : JSON 데이터를 응답 받기 위해서 responseText 프로퍼티를 사용합니다. 27번 라인 : eval 함수를 이용하여 응답 데이터인 텍스트를 JSON 객체로 변환합니다. Ajax - (3) XML 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML 소스 XML 파일 실습입니다. 파일수신 XML 소스 파랑새 이문세 1집 1995 설명 22~27번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 sample.xml 파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 31번 라인 : XML 형식으로 응답 데이터 처리를 위해서 responseXML 프로퍼티를 사용합니다. 32~33번 라인 : DOM API 중에서 태그명으로 참조하기 위한 getgetElementsByTagName("title") 메서드를 사.. Ajax - (2) TEXT 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 일반 텍스트 파일 실습입니다. 파일수신 sample.txt의 내용은 " 정적 데이터를 활용한 Ajax 실습 " --------------------------------------------------------------------------------------------------- 10번 라인 : XMLHttpRequest 객체를 지정할 javascript 변수 xhttp를 선언한다. 12~14번 라인 : XMLHttpRequest 객체를 생성하여 xhttp 변수에 저장한다. 16~21번 라인 : createHttpRequest() 함수를 호출하여 XMLHttpRequest 객체를 생성하고 GET 방식으로 서버에 sample.txt 파일을 비동기로 요청합니다. 서버의 응답을 처리하기 위해서 onr.. Ajax - (1) 기술 개요 Ajax : Asynchronous JavaScriptand XML 2005년 2월 제시 제임스카렛이 처음 사용하면서 알려지게 되었습니다. Ajax의 첫 글자인 A는 Asynchronous 비동기를 의미합니다. 클라이언트가 서버 처리를 기다리지 않고, '비동기' 요청이 가능합니다. 사용자 액션에 즉각적으로 반응할 수 있습니다. Ajax는 기본적으로 4가지 기술을 모아 사용합니다. JavaScript HTMl CSS DOM 회원가입 화면에서 아이디를 입력할 때, 중복체크를 마우스로 직접 클릭해서 아이디 중복검사를 서버에게 요청하는 방식은 "전통적인 웹 어플리케이션이"라고 표현 할 수 있을 만큼... 고루한 방법입니다. 이런 "전통적인 방식의 웹 어플리케이션"에서는 서버가 클라이언트인 웹 브라우저에게 결과를.. 이전 1 다음
