| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- Angular Router
- angular button
- TAILWIND
- angular modal
- egov spring ajax 사용 예시
- 호버
- angular animation
- 스크롤 이벤트 감지
- ajax 사용 예시
- 아이오닉 스크롤 이벤트
- Router
- formgroup
- angular route
- modal
- prisma
- mysql if
- flex-1
- 검색
- scroll
- ApexChart
- Ionic modal
- route
- 옵저버블
- 모달
- 앵귤러 애니메이션
- 앵귤러 모달
- Oracle LISTAGG 사용 예시
- 스크롤 이벤트
- summary
- 셀렉트박스 커스텀
- Today
- Total
목록ajax 사용 예시 (4)
깜놀하는 해므찌로
Egov Spring ajax 활용 예시 / 동적인 사진첩 메뉴 구현
1. 각 메뉴 클릭 시 해당하는 최근 게시글 및 사진 출력 시공사례 추천설계 시공현장 인테리어사례 2. JSP onclick 함수를 달아 구분값을 전송 function port(category){ $.ajax({ method : "POST", url : "/ft/main/addList.do", data : {"category" : category}, dataType: "html", success : function(data){ $("#main_tab01").html(data); } }) } 3. ajax 함수 선언 4. 결과 값인 html 문자열을 html 함수를 활용해 읽은 후 id = "main_tab01" 에 붙인다. ${result.poTitle }${result.poRgstDt }상세보기 + $..
ajax 통신 JavaScript try catch / if 조건 에러 / ajax 존재하지 않는 페이지 정보 읽어오기 꿀팁!
function fncOpenModal(url, categoryInfo){ /* 상세보기 클릭 시 날짜 값 준비*/ if(url == "eatPoint.do" || url == "overTimePoint.do"){ $("#schEtc05").val(categoryInfo); } /* menuCd 예외 처리 */ url = "/mgr/statistics/" + url; fncLoadingStart(); $.ajax({ method: "POST", url: url, data : $("#defaultFrm").serialize(), dataType: "HTML", success: function(data) { $("#display_view1").html(data); try{ /* 값이 있을 때만 */ if(d..
function insertPw(){ var seq = $("#box").val() $.ajax({ method : "POST", url : "checkPw.do", data : {"eqSeq" : seq, "eqPw" : $("#eqPW").val()}, dataType : "JSON", success: function(data){ if(data.result){ alert("비밀번호가 일치하여 게시글로 이동합니다."); closeModal(); fncPageBoard('view','view.do', seq,'eqSeq'); return true; }else{ checkMsg("#eqPW", "비밀번호가 틀렸습니다."); $("#eqPW").val(""); return false; } } }) } 1. ..
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);..