목록Ajax (4)

記錄

Spring) ajax _2(@ResponseBody, @RequestBody 사용)

1. pom.xml 에서 jackson dependency 선언(비동기로 json타입의 데이터를 가져올 것이기 때문에) com.fasterxml.jackson.core jackson-core 2.7.3 org.codehaus.jackson jackson-core-asl 1.9.13 com.fasterxml.jackson.core jackson-databind 2.7.3 2. DispatcherServlet 에 다음과 같이 선언(네임스페이스에 유의, xmlns:mvc 설정과 이를 이용한 맨 밑 두 줄) 3. 컨트롤러에서 아래와 같이 처리 (@ResponseBody, @RequestBody 설정)@RequestMapping(value="response2.kosta",method=RequestMethod.PO..
Web/Spring framework 2018. 5. 11. 11:27
Spring) ajax _1(MappingJackson2JsonView 사용)

1. pom.xml 에서 jackson dependency 선언(비동기로 json타입의 데이터를 가져올 것이기 때문에) com.fasterxml.jackson.core jackson-core 2.7.3 org.codehaus.jackson jackson-core-asl 1.9.13 com.fasterxml.jackson.core jackson-databind 2.7.3 2. 나중에 Controller에서 @Autowired로 bean을 찾아 쓸 수 있도록 DispatcherServlet에org.springframework.web.servlet.view.json.MappingJackson2JsonView을 bean 설정 3. 컨트롤러에서 아래와 같이 처리(핵심: jsonview를 @Autowired 해주고..
Web/Spring framework 2018. 5. 11. 11:03
jquery) Ajax + 외부 API

DOCTYPE html>Insert title here 영화 누적 관객수 조회 $(function (){ $('#btn').click(function () { // 비동기 처리로 외부 api 연결 $.ajax( { url:"http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json? key=9e59c890a115588440d1798da7e27bce &targetDt=20120101", dataType:"json", success:function(data){ var audiAcc = []; var moviename = []; $(data.boxOfficeResult.dailyBoxOfficeList)...
Web/Jquery 2018. 3. 27. 15:10
jquery) Ajax

JavaScript로 만든 Ajax(+ https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started 참고) /* 1. XMLHttpRequest 객체 얻기 2. onreadystatechange 이벤트 핸들러 구현 3. 요청 정보 ( open() ) 4. 요청 보내기 (send() ) 5. 응답 처리 (Text(JSON), xml ) */ var httpReq=null; function getInstance(){ if(window.XMLHttpRequest){ //모든 브라우져 > XMLHttpRequest httpReq = new XMLHttpRequest(); }else if(window.ActiveXObject){ // success ,..
Web/Jquery 2018. 3. 22. 16:06
Prev 1 Next