'jQuery'에 해당되는 글 10건

  1. 2010.06.24 jQuery + dataTable + aJax + JSON 화면 보여주기
2010. 6. 24. 21:04

jQuery + dataTable + aJax + JSON 화면 보여주기

[ ERCSB - 이화여자대학교 시스템 생물학 연구소 ]

resultMirnaTable = $('#table_mirror').dataTable({
    'bProcessing' : true,
    'bAutoWidth' : false,
    'aoColumns' : [{sWidth: '80px'},{sWidth: '80px'},{sWidth: '160px'},{sWidth: '75px'},{sWidth: '75px'}]
});

$('#btn_miRNA').click(function() {
    $.getJSON('result.do', {
        input_no : $('#input_no').val(),
        input_id : $('#input_id').val(),
        input_name : $('#input_name').val(),
        input_mode : 'mirna'
    },
    function(data){callBackF(data);}
);
});

function callBackF(data){
    resultMirnaTable.fnClearTable();

    $.each(data, function(i, data){                        
        resultMirnaTable.fnAddData(data, 0);
    });
    
    resultMirnaTable.fnDraw();
}

PS. result.do에서는 JSON 형태의 data를 response한다.