Ajax에 대해서

• 데이터 전송 방식 (CSV, XML, JSON)
  • CSV 형식
    ,(쉼표)로 데이터 속성을 나눔. 줄바꿈으로 데이터를 나눔
    형식이 짧아서 용량이 적다는 장점이 있지만 가독성이 떨어짐
    ex) 과일, 채소, 야채
  • XML 형식
    CSV 형식의 가독성을 개선하여 나왔다. 태그로 속성과 데이터를 구분
    가독성은 좋지만 용량이 크며 데이터가 많아지면 분석 속도가 떨어짐
    ex) <과일 속성="바나나">
            <야채>
            </야채>
         </과일>
  • JSON 형식
    Javascript의 객체 형태로 데이터를 전송.
    가독성도 좋고 용량이 적은 장점이 있지만 데이터가 많아지면 분석 속도가 떨어짐
    ex) [{
           "과일" : "바나나",
           "야채" : "상추"
         }]
    
    
• 구현 방법

$.ajax({
    type : "post",
    url : "데이터 보낼 url",
    data : $("#form").serialize(),  // form을 대상으로 serialize() 메소드를 사용하면 폼의 객체들을 한번에 받을 수 있다.
    success : function(data) {
    	성공시 함수 선언 (or) alert("success");  // 작성자 마음
    },
    error : function(e) {
    	alert("error: ", e);
    }
});

 

 

* 참고 사이트

http://www.tcpschool.com/ajax/ajax_jquery_ajax