JSP(23) - Jquery Ajax

1. Ajax 정의
    1) Asynchronus Javascript(비동기 자바스크립트) + XML의 의미
    2) 자바스크립트를 사용한 비동기 통신, 즉 클라이언트와 서버 간의 XML이나 JSON 데이터를
       주고받는 기술.

        - 기존 웹 페이지 동작 
            - 요청 페이지 ===> 웹 서버 
                              요청 받음
                              요청 처리
                              HTML 생성
              결과 페이지 <===      

        - Ajax 웹 페이지 동작
            - 요청 페이지 ===> 웹 서버 
                              요청 받음
                              요청 처리
                              XML or JSON 생성
                         <===                    
                     (XMLHttpRequest)

2. 제이쿼리 Ajax 사용 형식 (속성들)
    -  $.ajax({
         type : "post" or "get",
         async : "true" or "false",    <== 비동기식으로의 처리 여부 설정(false=>동기식으로 처리)
         url: "요청할 URL",
         data: {서버로 전송할 데이터},   <== 서버에 요청할때 보낼 매개변수 설정함
         dataType: "서버에서 전송받을 데이터 형식",         <== xml,json,html,text ..
         success: {
             //정상요청, 응답 시 처리구문
         },
         error: {
             //요청 및 응답 실패시(오류 발생 시) 처리구문
         },
         complete: {
             //모든 작업 완료 후 처리 구문 
         }

       });    

3. JSON (Javascript Object Notation)
    1)  name/value 쌍으로 이루어진 데이터 객체를 전달하기 위해
        인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 데이터 형식 
    2)  비동기 브라우저/서버 통신(Ajax)을 위해 XML을 대체하는 데이터 전송 형식 중 하나
    3)  자바스크립트에서 파생된 것으로 자바스크립트 구문 형식을 따르지만 
        프로그래밍 언어나 플랫폼에 독립적이어서 쉽게 사용 가능. 

4. JSON의 자료형 
    1) 수(number) - 정수,실수
    2) 문자열 
    3) 배열
        - 대괄호 []로 나타냄
        - 배열의 각 요소 : 기본 자료형, 배열, 객체 
        - 예) "name" : ["이순신","신사임당"]
    4) 객체       
        - 중괄호 {}로 표현함 
        - 예) {
                "name": "이순신",
                "age": 46,
                "weight : 80"
              }  

    5) 배열 이름이 members이고 JSON 객체를 배열 요소로 가지는 JSON 배열
         "members" : [
             {"name" : "이순신", "age": 30, "gender": "남", "nick": "충무공"},
              {"name" : "이순신", "age": 30, "gender": "남", "nick": "충무공"},
               {"name" : "이순신", "age": 30, "gender": "남", "nick": "충무공"}
         ]