Ajax

ajax - 통신 중 로딩 이미지 출력

코드 js function lodingSign() { // 로딩 이미지 div var loading_div = ` `; $('body').append(loading_div); // 마우스 커서 로딩 중으로 변경 $('html').css("cursor", "wait"); // ajax 함수 실행 버튼 클릭 이벤트 차단 $('button').attr('onclick', 'return false;'); } function lodingImgHide() { // 마우스 커서 기본값으로 변경 $('html').css("cursor", "auto"); // ajax 함수 실행 버튼 클릭 이벤트 차단 해제 $('button').attr('onclick', '함수이름()'); // 로딩 이미지 삭제 $('#loading..

PHP - jquery를 이용한 스크롤 페이징

스크롤 페이징 처리 특정 div의 스크롤 이벤트를 감지하여 해당 div의 스크롤 위치가 최하단에 도달할 경우 데이터를 추가로 가져오는 스크롤 페이징 처리 컨트롤러

Jquery - ajax 기본 함수

// 기본 ajax 함수 function 함수이름() { var Params = {}; $.ajax({ url: "/url", type: 'POST', data: Params, datatype: 'json', // ajax 통신 성공 시 success: function(result) { switch (result.status) { case 'complete': console.log('성공 시'); break; case 'fail': console.log('실패 시'); break; default: console.log('예외 발생 시'); break; } }, // ajax 통신 중 에러 발생 시 error: function(request, status, error) { // 에러 출력 console.e..

COM-DEV 기술설명서

COM-DEV 기술설명서 ✔️ 개요 💬 개발자들의 코드 공유, 질문 등을 위한 커뮤니티 사이트 구현 ✔️ Github 리포지터리 😈 https://github.com/kimchaemin000617/comdev ✔️ 사용된기술 ⚓️ 버전관리 - Git , Github ⚓️ 배포 - 👾 Github - ☕️ Tomcat - 🐳 Docker ♻️ 개발환경 - SpringBoot - Sqlyog - Chrome - Firefox - Windows 11 - Tomcat - JSP 🔥 서비스환경 - Nginx - Mariadb - Docker 🔱 기술 스택 - Java - Spring Boot - MariaDB - HTML, CSS, JS - JQuery - Ajax - Tailwindcss - daisy ui ✔..