드럼치는 프로그래머

포스트를 쓸 때 추가하고 싶은 사진이 있으면 ajax 를 사용해서 서버에 업로드 하고 이를 textarea에 마크다운 태그를 추가하는 방식으로 포스트에 사진을 함께 올릴 수 있도록 구현하는중이당.. ㅎ 그러던 중 맞닥뜨린 것 포스팅! - Ajax에 사진파일을 담아서 POST request를 날렸지만 돌아오는 건 HTTP Error 400 Bad request뿐 ㅜㅜ - 그러다가 아예 서버에서 이를 handle하는 함수가 실행도 안되고 밴먹고있다는 걸 발견했다 - 진즉 에러메시지를 출력해보았더라면 좋았겠지만 나는 쪼르르 희종에게 질문 -> "CSRF token을 같이 보내줘야할걸?" 그래서 찾아보니 Ajax POST request 에 csrf token 담아 보내는 법이 여기 잘 나와있었다. head 에 ..

ajax 호출시 마우스 커서를 'wait'로 변경하여 'busy' 상태를 표현 할 수 있다. css html.busy, html.busy * { cursor: wait !important; } js $(function() { $("html").bind("ajaxStart", function() { $(this).addClass('busy'); }).bind("ajaxStop", function() { $(this).removeClass('busy'); }); }); [출처] http://warmz.tistory.com/entry/jquery-ajax-%ED%98%B8%EC%B6%9C%EC%8B%9C-%EB%A7%88%EC%9A%B0%EC%8A%A4-%EC%BB%A4%EC%84%9C%EB%A5%BC-wai..

1. 필요 - Ajax 로딩 시, 비동기화가 아닌이상 페이지가 멀뚱 멀뚱 멈추게 된다. - 당연히, 사용자는 멈춘걸로 인식을 하게 된다. - 비지니스 로직은 A ~ Z 까지 스텝 바이 스텝으로 이뤄지기 때문에 비동기화는 안된다. - 즉, 뭔가 동작을 하고 있다고 사용자에게 어필을 하는 것이 ajax 로딩바를 넣어야하는 이유이다. - 다행이도 jQuery에서는 이러한 점을 감안하여 함수를 제공하고 있다. - 그 함수가 ajaxStart() 와 ajaxStop() 함수이다. - 아래 소스는 개인별로 커스터마이징 하면 된다. 2. 소스 1) CSS 2) Script $(document).ready(function(){ var loading = $('') .appendTo(document.body).hide()..

일반적으로 jquery를 사용하여 ajax를 처리하고자 하는 경우 그 파라미터를 get/post 의 파라미터로 전달된다. 이때의 컨텐츠 타입은 application/x-www-form-urlencoded 형태가 될 것이다. JSON 을 전송하고자 하는 경우 단계층 key=value , key=value 의 식에 1레벨의 경우는 별 문제가 없다. 그러나 다계층을 가지고 있는 경우는 문제의 소지가 있다. 물론 이런 다계층의 JSON데이터를 일련의 파라미터로 변환하는 룰이 있긴 있다. 특히 jquery ajax에는 이런게 잘 고려가 되어 있다. {"key1":"value1","key2":"value2","key3":[{"a":"a","b":"b"},{"a":"a","b":"b"},{"a":"a","b":"b"..

Ajax는 Asynchronous Javascript And XML 의 약자로, 일반적으로 클라이언트와 서버측의 데이터 전송 및 처리를 비동기적(Asynchronous)으로 처리하는 것에 그 목적이 있습니다. Ajax를 사용함으로써, 서버측에 데이터를 요청한 후, 그 데이터의 수신이 완료될 때까지 기다리지 않고, 다른 작업을 바로 진행할 수 있습니다. 그러한 이유로 좀더 웹페이지를 자유롭게 구성할 수 있게 되었고, 불필요한 잦은 페이지 로딩을 줄일 수 있습니다. 여기서 설명하려는 것은 이런 Ajax는 대부분 비동기방식 그대로 사용하지만, 경우에 따라서는 동기(Synchronous)방식으로 사용할 경우도 종종 생긴다는 것입니다. 이는 Ajax를 통해 서버측에 데이터를 요청하고, 이 데이터의 결과를 모두 수..

LoginController.java @Controller public class LoginController { @Autowired //membersVO membersVO; membersDAO membersDAO; private static final Logger log = LoggerFactory.getLogger(MembersController.class); @RequestMapping(value = "/login.do") @ResponseBody public String members(@RequestParam(value = "id", required = false) String id, @RequestParam(value = "pw", required = false) String pw){ HashM..