ajax(6)
-
ajax @ResponseBody없이 json 처리
@ResponseBody Annotation을 사용하게 되면 Controller에서 return "json결과"; 하는 경우 json으로 "json결과" 라는 String 을 받게된다. Y/N 식의 단발성 DATA라면 관계 없지만 여러개의 결과값을 받고자 한다면 Map식의 결과를 받는 것이 좋다. 이럴 때 사용할 수 있는 방법이다. * xxHTML.jsp 의 경우 $.ajax( { type : "post", url : "/xxProc.do", data : $("#formid").serialize(), dataType : "json", success : function( data ) { if( "Y" == data.result ) { alert( data.message ); } } } ); * xxCont..
2016.03.08 -
Struts - ajax/json
Struts.xml에 json으로 응답받을 Action.method에 result값으로 json을 처리할 type을 기술하고 화면에서 받을 이름을 기술했는데도 정상적으로 값이 읽혀지지 않을 때는 방황하지 말고, 당황하지 말고, 삽질하지 말고 해당 Action에 get/set method를 생성해주어야 화면에서 정상적으로 값을 읽을 수 있다. 화면에서 읽을 수 있도록 HttpServletRequest request = ServletActionContext.getRequest(); request.setAttribute("json값", json값); 요롷게 해줘도 읽혀지지 않는다. ${json값.Key1} 요롷게는 읽혀져도... - Struts.xml UTF-8 text/html application/json..
2015.05.20 -
Ajax 요청 직접 제어하기
Ajax 요청의 생성과 관련된 jQuery의 모든 함수와 커맨드는 이 함수를 사용하여 요청을 전송 $.ajax( options=Object ) 요청의 생성 방법과 통보 받을 콜백을 제어하고자 전달된 option을 사용하여 Ajax 요청을 전송 option : 요청에 대한 매개변수를 정의하는 프로퍼티를 소유한 객체 인스턴스 이름 타입 설명 url String 요청 URL type String 사용할 HTTP 메서드. 일반적으로 POST나 GET을 사용. 생략하면 기본 값으로 GET을 사용 data Object 요청에 전달되는 프로퍼티를 가진 객체. GET요청이면 데이터는 쿼리 문자열로 제공 POST요청이면 데이터는 요청의 본문으로 제공 두 경우 모두 $.ajax() 유틸리티 함수가 값의 인코딩을 처리 da..
2015.05.17 -
Ajax - GET/POST 요청 만들기
GET 요청은 동일한 메서드를 여러번 반복호출해도 동일한 결과를 얻을 때 사용한다. 브라우저가 HTTP 메서드에 따라 캐싱여부를 결정하기 때문이다. POST 요청은 서버로 전송한 데이터로 추가/변경 작업을 할 때 사용한다. $.get( url, parameters=Object|String, callback=Function ) 매개변수로 명시된 URL을 사용하여 서버에 대한 GET요청을 전송한다. 매개변수는 쿼리 문자열로 전달한다. parameters : URL에 덧붙이는 쿼리 문자열을 구성하려고 이름과 값의 쌍으로 프로퍼티를 지닌 객체 미리 구성 및 인코딩된 쿼리 문자열 callback : 요청이 완료되면 호출되는 함수 응답 본문은 이 콜백 함수의 첫 번째 매개변수로 전달되며, 상태 값은 두번째 매개변수..
2015.05.15 -
Ajax - 엘리먼트에 콘텐츠 로드하기
. load( url, parameters=Object, callback=Function ) URL과 선택적인 매개변수로 Ajax요청을 전송한다. 콜백 함수는 요청이 완료되면 호출된다. 응답텍스트는 일치하는 엘리먼트의 콘텐츠를 대체한다. parameters : 요청으로 전달하기 위해 올바르게 인코드된 매개변수로 직렬화되는 프로퍼티를 가진 객체. 이 매개변수를 명시하면 요청은 POST메서드를 사용하고, 생략하면 GET메서드를 사용 callback : 응답 결과 데이터가 일치하는 엘리먼트로 로드된 이후에 호출되는 콜백함수. 이 함수로 전달되는 매개변수는 응답텍스트, 상태코드, XHR인스턴스다. 응답으로 반환된 엘리먼트를 필터링하려고 할 때는 요청URL에 셀렉터를 추가하면 된다. $('.injectMe').l..
2015.05.14 -
Ajax
Ajax(Asynchronous JavaScript and XML) 페이지를 다시 로드할 필요 없이 서버와 비동기 요청을 만드는 기법 XMLHttpRequest (XHR) 객체로 구현 * XHR 인스터스 생성하기 var xhr; if( window.XMLHttpRequest ) { ← XHR이 정의되었는지 검사 xhr = new XMLHttpRequest(); } else if( window.ActiveXObject ) { ← ActiveX를 제공하는 검사, IE xhr = new ActiveXObject("Msxml2.XMLHTTP"); } else { throw new Error("Ajax 지원 안하는 가봐요"); } * XHR 메서드와 프로퍼티 메서드 설명 abort() 현재 실행하는 요청을 취소 ..
2015.05.14