[javascript]ajax 공통 함수로 만들어 사용하기

 

자주 사용하는  ajax를 공통 함수로 만들어서 사용하는 코드이다 

이는 자주사용되는 만큼 코드 수를 줄이고자 함이다 

 

 

function ajaxCmm(type, url, param, callback) {
    $.ajax({
        type: type,
        url: url,
        data: param,
        success: function(data, status, xr) {
            return callback(data);
        },
        error: function(xhr, status, error) {
            return callback(data)
        }
    });
}

 

호출은 아래의 구문처럼 한다 

ajaxCmm(type, url, param, function(data) {
    console.log(data)
});

 

지정한 형태로 받아오고 싶다면 공통 함수에 파라미터 하나를 더 추가해서 

json이나 xml, arry  형태의 텍스트로 받아 success에서 변환하여 리턴할 수 있을 것도 같다 

 

이런 식으로 사용하게 되면 앞으로 그 긴 ajax 구문을 항상 써야 하는 불편함을 없앨 수 있다 

 

실제 운영환경에서도 ajax구문을 다 써놓은 프로젝트들도 많고 아닌것들도 많지만 

웬만하면 공통적으로 쓰는 예를 들어 common.js 와 같은 파일에다가 하나 추가해서 사용하도록 하자 

아 물론 공통함수는 변경할 때에 상사에게 확인받고 올리도록 하자 ㅎㅎ 공통 함수는 절대로 

함부로 건드리면 안 되는 것이기 때문이다 엮여있는 소스들이 많기 때문에 확실히 확인하고 

추가해서 사용하도록 하는것이 좋을 것이다