ajax 리스트 불러와서 화면쏴주기

function popMenuList(upIdx) {
	$.ajax({
		url: '${ajaxUrl}',
		type: 'post',
		dataType: 'json',
		data: {
			upIdx: upIdx
		},
		success: function(json) {
			if (json.resultCode == '0') {
				var listData = [];
				
				//listData.push('<ul class="sortable">');
				
				if (json.menuList != null) {
					$(json.menuList).each(function(i, item) {
						listData.push('<tr>');
						listData.push('<td class="text-left">');
						listData.push('<input type="hidden" name="amiIdx" class="menuSort" value="' + item.AMI_IDX + '"/>');
						listData.push('<div class="depth1">');
						listData.push('<i class="fa fa-folder-open-o"></i> ' + item.MENU_NAME);
						listData.push('<a href="javascript:void(0);" onclick="popMenuList(' + item.AMI_IDX + ')" class="text-danger"><i class="fa fa-chevron-right ml10" aria-hidden="true"></i></a>');
						listData.push('</div>');
						listData.push('</td>');
						listData.push('</tr>');
					});						
				}
				
				var naviInfo = [];	
				
				naviInfo.push('<i class="fa fa-folder-open-o text-primary" aria-hidden="true"></i>');
				naviInfo.push('<a href="javascript:void(0);" onclick="popMenuList(0)" class="text-info"><strong>메인</strong></a>');
				
				if (json.menuNavi != null) {
					$(json.menuNavi).each(function(i, item) {
						naviInfo.push('<i class="fa fa-angle-right text-muted ml5 mr5" aria-hidden="true"></i>');
						naviInfo.push('<a href="javascript:void(0);" onclick="popMenuList(' + item.AMI_IDX + ')">' + item.MENU_NAME + '</a>');
					});
				}
				
				$("#menuNavi").html(naviInfo.join(''));
				$("#sortMenu").html(listData.join('\n'));
			}
		},
		complete: function() {
			initSortable();
		}
	});
}