[개발]Ajax 이해(Rquest)

new Ajax.Request('A:페이지', {

  1. asynchronous: false,

  2. requestHeaders: {

   Accept: 'application/json'

  },

  3. parameters: B:'Form'.serialize(true),

  4. onFailure: function(transport){

   alert!(transport.responseText);

  },

  5. onSuccess: function(transport){

   var json = transport.responseText.eval!JSON();

   C:'실행'

  }

 });

 

 

A:페이지 : Request를 받을 페이지 설정

B:Form : 파라메터설정

              form.serialize(true) = form에 있는 모든 파라메터를 받는다.

C:실행 : 받은 파라메터들을 처리하는 부분

 

1. asynchronous: false : false는 비동기화, true는 사용안해봤음-ㅅ-;;

2. requestHeaders: { Accept: 'application/json' }

    - 여긴 모르겠다...;;

3. parameters: B:'Form'.serialize(true)

    - 선언한 파라메터를 넣어주는 것. 없으면 안쓰면 OK!

4. onFailure: function(transport){ alert!(transport.responseText); }

    - 실행 실패시 transport.responseText 을 띄워준다.

      말그대로 실행 실패 메시지를 날려준다.

5. onSuccess: function(transport){ var json = transport.responseText.eval!JSON(); C:'실행' }

    - 실행 성공시 실행하는 부분

    - var json = transport.responseText.eval!JSON();

      성공시 받아온 데이터(Object) 를 저장시켜주는 부분.

 

- 파라메터 선언방법

var param = { result1: result2 };

    - result1 : 저장할 파라메터 이름

    - result2 : 저장시킬 변수 이름

 

-----------------------------------------------------

 

--------------Java부분------------------------------

@RequestMapping(A:페이지)

 public String 이름(HttpServletRequest request, HttpServletResponse response,

   1. @RequestParam(value="result1", required=false) String result2

   )

    throws ServletException, IOException, Exception{

  

  B:JSONObject outter= new JSONObject();

  

  try {

2. 실행부1

  }catch(Exception ex) {

3. 실행부2

  }

  

  response.setContentType("application/x-json;  charset=UTF-8");

  PrintWriter pw = response.getWriter();

  pw.print(outter);

  pw.flush();

  

  return null;

 }

A:페이지 : 스크립트부분의 페이지를 지정하는부분(페이지 자체를 지정할 수도 있다)

B:JSONObject outter= new JSONObject();

              - JSON 선언부(이녀석안쓰면 반환을 못시켜~~)

1. @RequestParam(value="result1", required=false) String result2

   - Requst의 파라메터를 변수로 만드는 부분

    - result1은 스크립트에서 날린 변수

    - result2는 자바에서 쓸 변수

2. 실행부1 - 무조껀 돌리는거다!!

3. 실행부2 - 실행부1에서 오류나면 돌아가는거다!!

나머지 : 반환시켜줄때 사용...

            - return 은 null이다.

 

출처
http://blog.naver.com/davincigo/60096314152