Ajax (3) 썸네일형 리스트형 [JavaScript/jQuery] ajax 비동기통신 - html방식 리턴받기 안녕하세요! Plitche(플리체)입니다. 저의 첫 포스팅은 [jQuery] ajax 비동기 통신 - HTML방식으로 리턴 받기입니다. Ajax와 Submit 일반적으로 form태그를 사용하여 submit 처리를 하게되면, back단에서 데이터 처리/로딩 후 페이지를 이동하는 방식으로 화면에 표출된다. 반면, Ajax 비동기통신을 이용하게 되면 새로고침을 하는 듯한 동작은 더 이상 볼 수 없다! Ajax 비동기통신을 이용하면 화면 이동 없이 back단에서 데이터를 처리한 후 return 값을 이용하여, 원하는 방식으로 웹 화면에 표출되는 내용을 제어가 가능하다. Ajax의 return 타입은 datatype으로 핸들링이 가능하며 그 종류로는 xml, json, html 등등 다양하지만 오늘은 간단한 게시.. [JavaScript/jQuery] 실무에서 사용하는 ajax 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [jQuery] 실무에서 사용하는 ajax 비동기통신 입니다. Intro 첫 프로젝트에 들어가기 전까지만 해도, 앞서 ajax 비동기통신 간단하게 사용하기처럼 매번 필요할 때 마다 ajax 문법에 맞추어 모든 내용을 작성하고는 했다. 물론 당연히 정상 작동하지만, 스크립트 코드 길이가 길어지면 찾기도 수정하기도 번거롭고 어려워진다. 때문에 이번 포스팅에는 내가 첫 프로젝트에 투입이 되어서 나름 충격을 받았던 부분에 대해서 공유 하고자 한다. 사실 생각해보면 간단한데.. 왜 생각을 못했을까 ㅠㅠ 일반적인 ajax $.ajax({ url: '', // Controller의 mapping값 type: '', // get, post 방식 中 dat.. [JavaScript/jQuery] ajax 비동기통신 간단하게 사용하기 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [jQuery] ajax 비동기통신 간단하게 사용하기입니다. Intro 먼저 ajax 비동기통신은 javascript를 더 쉽게 사용하기 위한 jquery 라이브러리의 한 메소드로 실무에서 정말 많이 쓰이는 라이브러리로 무조건 습득해야되는 것들 중 한가지 이다. 일반적인 MVC패턴을 통해서 개발을 진행할 때 controller에서 Return되는 값은 ViewResolver에 의한 Prefix, Suffix를 통해 jsp파일명을 반환한다. 하지만 페이지 이동이 아닌 동일한 페이지 내에서 통신을 하기 위해서는 ajax를 사용한다. 여기서 비동기통신이란 앞선 요청(request)에 대한 응답(response)를 기다리지 않고 계속해서 뒤의 요청.. 이전 1 다음
