Jquery ajxa 사용법

안녕하세요 :)

오늘은 야밤에 블로그를 하네요 >,~

ajax는 모두들 많이 사용하실 것 같은데요.

javascript로 ajax를 사용하기 위해서는 XMLHttpRequest 객체를 사용하여 여러가지 메서드를 구현하여야 사용을 할 수가 있습니다.

이를 Jquery가 내부에서 모두 구현을 해놔서 우린 참 편하게 코딩을 할 수가 있죠 ^^

참고로 http://code.jquery.com/jquery-latest.min.js 를 사용하시면 jquery의 최신 버전을 항상 사용 할 수가 있다고 합니다.

하지만 전 비추...

굳이 다른 서버의 js 파일을 사용해야 할 이유보다 사용하지 않아야 할 이유가 더 많다고 생각해요.

그리고 결정적인 이유는 버전에 따라서 deprecated되는 메서드도 생길 수 도 있고 내부적으로 변경 될 수도 있어요.

자 그럼 본론으로 ajax를 사용 하는 방법을 작성 할게요.

<script type="text/javascript">
    $.ajax({
        url : '/ajax/returnData.php',
        method : 'post',
        data : {data: 'a'},
        dataType : 'json',
        success: function(msg){
            console.log(msg);
        }
    });
</script>

기본적으로 이렇게 사용을 합니다.

url : 통신 할 주소

method : 통신 method

data : 전송 할 파라미터 / 데이터는 json으로 코딩이 가능하고 우리가 보는것 처럼 'data=data&data1=data' 의 문자열 형태로도 코딩이 가능합니다.

dataType : return 받는 데이터의 형태

success : http status가 200으로 성공적으로 통신했을 때 실행될 함수 (성공적으로 데이터를 리턴 받은 것이 아니에요)

이 외에도 cache (캐시 여부), async (비동기 여부), error ( 200 외에 status를 받았을 때 실행될 함수), statusCode ( 직접 statuc 코드를 지정하여 실행 할 함

수) 등등 각 인자들의 데이터 이름을 읽어보면 대충 감이 오시죠 ^^

$.ajax는 $.get() 또는 $.post() 로도 사용이 가능합니다.