[jquery] button 클릭 함수 async

시나리오

Promise 적용의 함수 호출 결과를 기다렸다가 화면에 결과를 표현한다.

 

1. jQuery로 버튼을 클릭 이벤트 생성

2. 버튼 클릭 이벤트 내부에서 aysnc 함수를 await해 리턴 값을 기다린다.

 

$("#btnMyResult").on("click", async function(){
	let myResult = await MyUtility.getMyData(param01);
}

let MyUtility = {
	let myData = [],
    getMyData: async function(param01){
    	myData = [];
    	let arr = await myPromiseData(); //Promise함수, 결과는 Array
        for ( let i = 0, a = Object.keys(arr); i < a.length; i++ ){
        	let myKeyName = a[i];
            let myValue = arr[myKeyName];
        	myData.push({"name":myKeyName, "value":myValue);
        }
        return MyUtility.myData;
    }
}

1. 버튼 클릭 수행 함수에 async를 붙여 준다.

2. await할 함수를 async여야 한다.

3. 결과를 제공할 Promise함수를 await한다.