Egov Spring multi ajax 사용 예시 / ajax Promise 방식 / 이중 ajax 사용 예시 JavaScript

new Promise((succ, fail)=>{

        $.ajax({
        url: "./ajax1.php",  
        type: "POST",
        dataType : "JSON",
        success: function(result) { // 성공
            succ(result.data);
            console.log(result.data); 
        },
        fail: function(result) { // 실패
            fail(error); 
            console.log(result.data); 
        }
    });

}).then((arg) =>{    // 두번째 ajax를 실행

        $.ajax({
            url: './ajax2.php',
            type: 'post',
            dataType : "JSON",
            success: function(result2) { // 성공
                succ(result2.data);
                console.log(result2.data); 
            },
            fail: function(result2) { // 실패
                fail(error.data); 
                console.log(result.data); 
            }                                             

        });

});

1. 입력 및 수정 js 함수 선언

2. dataType : 리턴 받을 데이터 타입

3. success : 성공 시 다시 ajax 통신

4. 순서 promise 설정

5. 최종 성공 결과  : 리턴 받은 HMTL 타입의 data 를 class tbl 에 html 형식으로 리딩 후 붙이기