jQuery + Ajax + JSON + ASP 샘플

훌륭한 JSON Parser가 있어 소개부터 시작한다.

https://github.com/rcdmk/aspJSON

어지간한 웹 소스들이 그러하듯 이 github의 asp용 json의 라이센스는 MIT 무료라이센스되시겠다.

사용법도 간단하다.

그냥 select된 레코드셋 객체를 JSON객체에 넣어버리면 끝

먼저 aspJSON공개소스를 include

<!--#include virtual = "jsonObject.class.asp" -->

객체 생성

dim JSON

set JSON = New JSONobject

select하는거야 다들 하는거니 패스하고

이렇게 생성된 레코드셋 객체(rs)를 LoadRecordset을통해 할당해주고 Write해버리면 끝

JSON.LoadRecordset rs

JSON.Write()  

졸쉽 졸귀~

다음은

asp client에서 jQuery를 통해 AJAX로 (한때 에이잭스를 아작스라 콩글리쉬를 뽐내던 후임이 있었는데 급 떠오름 ㅎㅎ)    위에서 생성된 JSON을 불러오는 코드

// 위에서 select한 결과가 총 3건을 리턴한다 가정하고 조회 필드는 IDX, SUBJECT라 할때 아래와 같이

// json.data[배열].필드명 으로 하면 훌륭하게 alert이 찍히는것을 확인할 수 있다.

// 또한 조회된 레코드가 없는지 있는지 확인하려면 length로 조사하여 0이면 없다 0보다 크면 처리 해주면 되시겠다.

// alert(json.data.length);

// 아래 $("#btnCall").click을 통해 호출된 실질적인 AJAX 함수 구현 부분

function fnCall() {

$.ajax({

    type: "POST",

    dataType: "json",

    url: "list_loading.asp",

    data: "codeName=1",  //대충 코드값이 1인 녀석이라 칭하자.. 

    success: function(json) {

        alert(json.data[0].IDX + '\n\n' + json.data[1].IDX + '\n\n' + json.data[2].IDX + ' ');

        alert(json.data[0].BSUBJECT + '\n\n' + json.data[1].SUBJECT + '\n\n' + json.data[2].SUBJECT + ' ');

    },

    error: function(xhr, option, error) {

        alert(xhr.status);

        alert(error);

    }

});

}

 $(document).ready(function() {

        $("#btnCall").click(function(e) { // id가 btnCall이란 버튼을 클릭하였을 경우

            e.preventDefault();

            fnCall(); // AJAX 함수 호출

        });

    });