수민정의 기술블로그

$('#i').click(function(){ $.get("/jackson/i","name=mystring"); }); @Controller @Log4j @RequestMapping("/jackson") public class JacksonController { @RequestMapping("/i") public void methodi( @RequestParam(name = "name",required = false) String name ,HttpServletRequest req) { log.info("i method"); log.info(req.getQueryString()); log.info(name); } } get 방식의 Ajax Call 은 쿼리스트링으로 온다. 즉, get방식의 데이터 값은 ..

보호되어 있는 글입니다.

기본적인 MVC2 방식을 사용할 경우, 리턴받는 응답은 View 객체임을 기억한다. 이를 이용한 비동기적 페이지 로딩방법입니다. 아래로 부터는 출처: https://offbyone.tistory.com/235 [쉬고 싶은 개발자] 님의 글이 출처임을 밝힙니다. 웹 페이지의 내용을 동적으로 교체하기 위해서 Ajax로 서버에서 데이터 json 형식으로 받아 HTML 요소를 생성하여 페이지내의 원하는 위치의 내용을 바꾸는 작업을 많이 합니다. jQuery의 .load() 메소드는 주어진 URL로부터 HTML 데이트를 받에서 jQuery 셀력터로 선택된 위에에 넣어 줌으로써 동적으로 페이지의 내용을 교체하는 작업을 간단하게 처리할 수 있도록 해줍니다. jQuery .load() 메소드 사용법은 다음과 같습니다...

ajaxStart 메서드는 ajax가 호출될 때 작송하며, ajaxStop 메서드는 ajax 프로세스가 종료되면 동작한다. $(document).ready(function(){ var loading = $('넣고 싶은 로딩 태그'); ${window).ajaxStart(function(){loading.show()}); $(window).ajaxStop(function(){loading.hide()}); });

jQuery에서는 serialize() 라는 메소드를 제공하는데, 해당 메소드를 사용하면 Form 태그내의 항목들을 자동으로 읽어와 queryString 형식으로 변환시켜 준다. 즉. id=입력값&name=입력값&age=입력값 으로 변환하여 주는데, 이 값을 ajax 호출시 data 속성에 넣어 ajax 통신을 하면 된다.

https://webcoding.tistory.com/entry/Jquery-Ajax-%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC%EB%A1%9C-Ajax-%EB%8B%A4%EB%A3%A8%EA%B8%B0 [Jquery] 제이쿼리로 Ajax 다루기 Jquery로 ajax 사용하기 jquery를 이용하면 좀 더 간편하게 ajax 통신을 할 수 있습니다. 기본 사용법 $.ajax({ type: "post", url: "/test", data: {param: 'string'}, success: function() { alert('성공'); }.. webcoding.tistory.com [심플한 코딩 백과사전] 분의 글이 출처임을 밝힙니다. $.ajax( { type: "post", url..

Ajax의 핵심객체는 'XMLHttpRequestObject' 이다. 현대의 브라우저들은 전부 다 XMLHttpRequest 객체를 지원하고 있으며, XMLHttpRequest객체는 Client가 보는 화면 뒤에서 WebServer와 데이터를 주고 받기 위해 사용된다. 이 뜻은 서론에 기술 했듯, WebPage 전체를 reload할 필요없이 부분 만을 update 하는게 가능하다는 것을 뜻한다. 현대의 모든 브라우저들(사파리,크롬,인터넷익스플로러,엣지, 사파리 오페라) XMLHttpRequest객체로 구성되었다. XMLHttpRequest 객체를 생성하는 문법. variable = new XMLHttpRequest(); 즉, 자바스크립트로 생성하게 되는 XMLHttpRequest 객체 생성은 이러하다. ..

Ajax란 Asynchronous JavaScript And Xml 의 약자로 프로그래밍 언어가 아니다. 브라우저가 요청을 웹서버에 보낼 때 XMLHttpRequest 객체를 사용하고, JavaScript 나 HTML DOM 을 가지고 데이터를 사용하거나, 보여준다. Ajax 어플리케이션은 보통 XML 을 이용하여 데이터를 전송하겠으나. 기본 text나 JSON text를 가지고도 데이터를 전송하기도 한다. Ajax는 비동기적으로 데이터를 교환하고 업데이트하며 이는 웹 페이지 전체를 다시 로딩할 필요없이 부분만을 로딩할 수 있게끔 만든다는 것을 뜻한다. -- 실행흐름. 이벤트가 발생하여 XMLHttpRequest 객체 생성 후 HttpRequest를 보냄. Server에서 HttPRequest를 처리하고..